#consent-panel{position:fixed;z-index:200;left:20px;bottom:20px;width:min(520px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:auto;background:#fff;color:#252525;border:1px solid #bbb;border-radius:8px;padding:20px;box-shadow:0 8px 28px #0003;font:400 15px/1.5 system-ui,sans-serif;letter-spacing:0}
#consent-panel[hidden]{display:none}
#consent-panel h2{font:600 20px/1.3 system-ui,sans-serif;margin:0 0 8px;letter-spacing:0}
#consent-panel p{margin:0 0 16px}
.consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.consent-actions button{appearance:none;border:1px solid #333;border-radius:4px;background:#fff;color:#222;font:600 14px/1.3 system-ui,sans-serif;padding:12px 8px;min-height:48px;cursor:pointer;white-space:normal}
.consent-actions button:hover{background:#f0f0f0}
.consent-actions button:focus-visible,.consent-settings:focus-visible{outline:3px solid #237c94;outline-offset:3px}
.consent-policy{text-decoration:underline!important;font-size:14px}
.consent-settings{border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;padding:4px 0;text-align:left}
.hero [data-reveal]{opacity:1;transform:none}
@media(max-width:900px){.hero .hero-art{width:240px;max-width:100%}.hero .hero-grid{gap:24px}.hero h1{font-size:42px}.hero .hero-badge{left:8px;bottom:12px;max-width:200px;padding:10px 12px}.hero .hero-badge b{font-size:20px}}
@media(max-width:380px){#consent-panel{left:12px;bottom:12px;width:calc(100vw - 24px);padding:16px}.consent-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}[data-reveal]{opacity:1!important;transform:none!important}}