@font-face { font-family: "Inter"; src: url("./assets/fonts/inter-latin.woff2") format("woff2"); font-display: swap; font-weight: 100 900; }
@font-face { font-family: "Syne"; src: url("./assets/fonts/syne-latin.woff2") format("woff2"); font-display: swap; font-weight: 400 800; }
:root { color-scheme: dark; --bg:#050914; --panel:#0b1728; --ink:#f7f9fd; --muted:#aeb8ca; --line:rgba(255,255,255,.11); --green:#a8f33a; --cyan:#43d9ff; --shell:min(980px,calc(100% - 40px)); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--bg); }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 80% 0,rgba(67,217,255,.09),transparent 28rem),var(--bg); font-family:"Inter",sans-serif; line-height:1.7; overflow-x:hidden; }
a { color:inherit; }
.legal-shell { width:var(--shell); margin-inline:auto; }
.legal-header { position:sticky; top:0; z-index:5; border-bottom:1px solid var(--line); background:rgba(5,9,20,.82); backdrop-filter:blur(18px); }
.legal-header__inner { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.legal-header img { display:block; width:158px; height:auto; }
.legal-header a:last-child { color:var(--cyan); font-size:.83rem; font-weight:800; text-decoration:none; }
.legal-hero { padding:96px 0 62px; border-bottom:1px solid var(--line); }
.legal-eyebrow { margin:0 0 18px; color:var(--green); font-size:.72rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.legal-hero h1 { max-width:820px; margin:0; font-family:"Syne",sans-serif; font-size:clamp(3rem,8vw,6.6rem); letter-spacing:-.06em; line-height:.96; }
.legal-hero h1 span { color:var(--green); }
.legal-hero p { max-width:720px; margin:28px 0 0; color:var(--muted); font-size:1.04rem; }
.legal-meta { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.legal-meta span { padding:8px 12px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:.72rem; }
.legal-content { display:grid; grid-template-columns:240px minmax(0,1fr); gap:64px; padding:72px 0 110px; }
.legal-index { position:sticky; top:108px; align-self:start; display:grid; gap:7px; padding:18px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.025); }
.legal-index strong { margin-bottom:8px; font-size:.78rem; }
.legal-index a { color:var(--muted); font-size:.78rem; text-decoration:none; }
.legal-index a:hover { color:var(--green); }
.legal-article { min-width:0; }
.legal-block { scroll-margin-top:110px; padding:0 0 42px; margin-bottom:42px; border-bottom:1px solid var(--line); }
.legal-block:last-child { border-bottom:0; }
.legal-block h2 { margin:0 0 18px; font-family:"Syne",sans-serif; font-size:clamp(1.65rem,4vw,2.5rem); letter-spacing:-.04em; line-height:1.1; }
.legal-block h3 { margin:28px 0 10px; font-size:1rem; }
.legal-block p,.legal-block li { color:var(--muted); font-size:.94rem; }
.legal-block ul,.legal-block ol { padding-left:1.2rem; }
.legal-callout { padding:22px; border:1px solid rgba(168,243,58,.25); border-radius:18px; background:rgba(168,243,58,.055); }
.legal-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.legal-button { display:inline-flex; min-height:52px; align-items:center; justify-content:center; padding:0 22px; border:1px solid rgba(67,217,255,.3); border-radius:999px; color:#07110b; background:var(--green); font-weight:900; text-decoration:none; }
.legal-button--secondary { color:var(--ink); background:rgba(67,217,255,.06); }
.legal-footer { border-top:1px solid var(--line); background:#030711; }
.legal-footer__inner { min-height:90px; display:flex; align-items:center; justify-content:space-between; gap:24px; color:#78849a; font-size:.76rem; }
.legal-footer nav { display:flex; flex-wrap:wrap; gap:18px; }
@media(max-width:760px){.legal-header__inner{min-height:66px}.legal-header img{width:138px}.legal-hero{padding:64px 0 44px}.legal-hero h1{font-size:clamp(2.25rem,10vw,3rem);overflow-wrap:anywhere}.legal-content{grid-template-columns:1fr;gap:32px;padding:52px 0 82px}.legal-index{position:static}.legal-footer__inner{padding:24px 0;align-items:flex-start;flex-direction:column}.legal-actions{display:grid}.legal-button{width:100%}}