@font-face{font-family:'Space Grotesk';src:url('/assets/space-grotesk.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'Zagreb Underground';src:url('/assets/zagreb-underground.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
*{box-sizing:border-box}
html{color-scheme:dark;background:#050506;scroll-padding-top:24px}
body{margin:0;color:#c8c8d0;background:#050506;font:17px/1.85 'Space Grotesk',Arial,sans-serif;font-synthesis:none}
a{color:#f5f5fa;text-underline-offset:5px;text-decoration-color:#777782;transition:color .2s,text-decoration-color .2s}
a:hover{color:#fff;text-decoration-color:#fff}
a:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:2px}
::selection{background:#d8bd85;color:#050506}
.skip-link{position:absolute;top:12px;left:20px;z-index:2;transform:translateY(-180%);padding:8px 15px;background:#fff;color:#050506}
.skip-link:focus{transform:none}
.legal-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px clamp(24px,6vw,88px);border-bottom:1px solid #28282f}
.legal-brand{font:26px/1.25 'Zagreb Underground','Space Grotesk',sans-serif;text-decoration:none;white-space:nowrap;letter-spacing:-.02em}
.legal-brand span{color:#fff;text-shadow:0 0 12px #fff8}
.back-site{flex-shrink:0;font-size:13px;text-decoration:none;padding:8px 15px;border:1px solid #555560;border-radius:30px}
.back-site:hover{border-color:#aaaab5;box-shadow:0 0 12px #ffffff20}
main{width:min(100% - 48px,720px);margin:75px auto 80px}
h1{font-size:clamp(40px,6vw,66px);font-weight:500;line-height:1.08;letter-spacing:-.055em;color:#f6f7fa;margin:0 0 45px;text-wrap:balance}
p{margin:0 0 24px}
ul{padding-left:24px;margin:0 0 28px}
li{padding-left:5px;margin:6px 0}
li::marker{color:#d8bd85}
.legal-footer{border-top:1px solid #303038;margin:0 clamp(24px,6vw,88px);padding:24px 0 30px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:#9696a3}
.legal-footer nav{display:flex;gap:24px;flex-wrap:wrap}
.legal-footer a[aria-current='page']{text-decoration-color:#d8bd85}
@media(max-width:520px){
body{font-size:16px;line-height:1.8}
.legal-header{padding:21px 22px;gap:12px}
.legal-brand{font-size:18px}
.back-site{font-size:11px;padding:7px 10px}
main{width:calc(100% - 44px);margin:44px auto 55px}
h1{font-size:42px;margin-bottom:32px}
.legal-footer{margin-inline:22px;font-size:11px;gap:16px}
.legal-footer nav{gap:22px}
}
@media(max-width:350px){.legal-brand{font-size:16px}.back-site{padding-inline:9px}h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){a{transition:none}}