@font-face{font-family:Manrope;src:url('/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('/fonts/bricolage-grotesque.ttf') format('truetype');font-weight:200 800;font-display:swap}
.cookie-notice{position:fixed;z-index:900;bottom:max(16px,env(safe-area-inset-bottom));left:16px;right:16px;max-width:960px;max-height:65dvh;overflow:auto;margin:auto;padding:24px;box-sizing:border-box;border:1px solid #d9d2e5;border-radius:16px;background:#fff;color:#24202d;box-shadow:0 8px 40px #24153930;font:14px/1.6 Manrope,system-ui,sans-serif}
.cookie-notice[hidden]{display:none}
.cookie-notice h2{font-size:20px;line-height:1.3;margin:0 0 10px}
.cookie-notice p{margin:8px 0}
.cookie-notice div{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:16px}
.cookie-notice button{font:inherit;font-weight:600;color:#24202d;background:#fff;border:1px solid #b9b1c8;border-radius:10px;padding:10px 16px;min-height:44px;cursor:pointer}
.cookie-notice button:hover{background:#f0ebfa;border-color:#6144a8}
.cookie-notice a{color:#573399;text-decoration:underline}
.cookie-notice :focus-visible{outline:3px solid #7043da;outline-offset:3px}
@media(max-width:540px){.cookie-notice{left:8px;right:8px;bottom:8px;padding:16px}.cookie-notice button{width:100%}}
