@font-face{font-family:"Sora";src:url(/assets/fonts/sora.woff2) format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:"Figtree";src:url(/assets/fonts/figtree.woff2) format("woff2");font-weight:300 800;font-display:swap}
:root{--night:#17130F;--surface:#221C17;--edge:#3A312A;--line:#4A413A;--text:#F4EFE8;--soft:#CDBFB1;--muted:#9C8F84;--amber:#F28123;--amber-2:#FFB37A;--ink:#2B2420;
--display:"Sora","Avenir Next","Segoe UI",system-ui,sans-serif;--sans:"Figtree","Avenir Next","Segoe UI",system-ui,sans-serif;--gut:clamp(20px,4vw,48px)}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--night);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
body::before{content:"";position:fixed;left:50%;top:-320px;width:1000px;height:640px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(242,129,35,.16),transparent);pointer-events:none;z-index:-1}
a{color:var(--amber-2);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:12px;top:-60px;background:var(--amber);color:var(--ink);padding:10px 16px;border-radius:10px;z-index:100;text-decoration:none;font-weight:700}
.skip:focus{top:12px}
.wrap{max-width:1120px;margin:0 auto;padding-inline:var(--gut)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text)}
.brand img{width:32px;height:32px;border-radius:8px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.brand span{font-family:var(--display);font-weight:600;font-size:21px;letter-spacing:-.03em}
.back{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:var(--text);text-decoration:none;font-weight:600;font-size:14.5px}
.back:hover{background:rgba(255,255,255,.1)}
main{flex:1}
.doc{max-width:760px;margin:0 auto;padding:clamp(48px,8vw,96px) var(--gut) clamp(72px,10vw,120px)}
.kicker{display:inline-flex;align-items:center;gap:10px;font:600 13px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--amber-2)}
.kicker::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--amber);box-shadow:0 0 10px rgba(242,129,35,.8)}
h1,h2{font-family:var(--display);letter-spacing:-.04em;line-height:1.06;margin:0;text-wrap:balance}
h1{font-size:clamp(40px,6vw,68px);margin-top:18px;background:linear-gradient(180deg,#fff 10%,#E9DCCD);-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:clamp(22px,2.4vw,28px);margin-top:44px}
p,li{color:var(--soft)}
p{margin:16px 0 0}
ul{padding-left:1.2em;margin:14px 0 0}
li+li{margin-top:6px}
.lede{font-size:clamp(18px,1.6vw,21px);color:var(--soft);margin-top:22px}
.notice{margin-top:32px;display:flex;gap:14px;align-items:flex-start;padding:18px 22px;border-radius:18px;background:rgba(242,129,35,.1);box-shadow:inset 0 0 0 1px rgba(242,129,35,.4);color:var(--text)}
.notice b{color:#fff}
.notice .dot{flex:none;width:9px;height:9px;margin-top:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px var(--amber)}
.notice p{margin:0;color:var(--text)}
.card{margin-top:32px;padding:28px;border-radius:24px;background:var(--surface);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.card h2{margin-top:0}
.mail{display:inline-flex;align-items:center;gap:10px;margin-top:18px;min-height:52px;padding:0 24px;border-radius:999px;background:var(--amber);color:var(--ink);font-weight:700;text-decoration:none;font-size:17px}
.mail:hover{box-shadow:0 0 0 6px rgba(242,129,35,.16),0 12px 30px rgba(242,129,35,.35)}
.meta{font-size:14px;color:var(--muted);margin-top:40px}
footer{border-top:1px solid rgba(255,255,255,.07);padding:28px 0;color:var(--muted);font-size:14px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;align-items:center}
footer nav{display:flex;gap:6px 22px;flex-wrap:wrap}
footer a{color:var(--muted);text-decoration:none;display:inline-block;padding:6px 0}
footer a:hover{color:#fff}
.bars{display:flex;flex-direction:column;align-items:center;gap:16px;width:220px;margin:0 auto}
.bars i{display:block;height:16px;border-radius:8px;background:var(--line)}
.bars i:nth-child(1){width:150px}.bars i:nth-child(2){width:220px;background:var(--amber);box-shadow:0 0 30px rgba(242,129,35,.6)}.bars i:nth-child(3){width:130px}
@keyframes drift{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}
.lost .bars i:nth-child(1),.lost .bars i:nth-child(3){animation:drift 4s ease-in-out infinite}
.lost .bars i:nth-child(3){animation-delay:-2s}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.legal b{color:var(--text)}
.legal h2{scroll-margin-top:24px}
.legal .card ul{margin-top:16px}
.dates{margin-top:18px}
.ph{color:var(--amber-2);background:rgba(242,129,35,.12);border-radius:6px;padding:0 6px;font-weight:600;white-space:nowrap}
.toc{margin-top:32px;padding:22px 26px;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.toc-title{margin:0;font:600 13px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.toc ol{margin:12px 0 0;padding-left:1.4em;columns:2 240px;column-gap:32px}
.toc li{margin:0;padding:3px 0;break-inside:avoid}
.toc a{color:var(--soft);text-decoration:none}
.toc a:hover{color:#fff;text-decoration:underline}

/* 404 layout (was inline style attributes; moved here for the strict CSP). Same values as before. */
.lost{text-align:center}
.lost .bars{margin-top:24px}
.lost .kicker{margin-top:44px}
.lost .home-link{margin-top:32px}