:root { --bg:#080810; --surface:#11111a; --text:#f8f8fb; --muted:#a3a3b3; --dim:#7f7f90; --line:rgba(255,255,255,.09); --cyan:#5ce7ff; --mono:"Space Mono",ui-monospace,monospace; --sans:"Manrope",system-ui,sans-serif; }
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:radial-gradient(circle at 15% 0%,rgba(92,231,255,.08),transparent 26%),var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}
.legal-page{width:min(860px,calc(100% - 36px));margin:auto;padding:44px 0 80px}
.back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#b0b0bd;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.1em;transition:border-color .2s,color .2s}
.back:hover{color:#fff;border-color:rgba(92,231,255,.3)}
.legal-head{padding:80px 0 40px;border-bottom:1px solid var(--line);margin-bottom:16px}
.legal-head span{color:var(--cyan);font:700 11px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.legal-head h1{font-size:clamp(44px,8vw,82px);line-height:1;margin:18px 0 14px;letter-spacing:-.05em;font-weight:800}
.legal-head p{margin:0;color:var(--muted)}
section{padding:28px 0;border-bottom:1px solid var(--line)}
section h2{font-size:18px;margin:0 0 12px;letter-spacing:-.01em}
section p{color:#b3b3c0;line-height:1.8;font-size:15px;margin:0 0 10px}
section p:last-child{margin-bottom:0}
section ul{margin:8px 0 0;padding-left:20px;color:#b3b3c0;font-size:15px;line-height:1.8}
a{color:var(--cyan)}
.legal-note{margin-top:34px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:#9a9aab;font-size:13px;line-height:1.7}
.legal-footer{margin-top:40px;display:flex;flex-wrap:wrap;gap:18px;color:var(--dim);font:400 12px var(--mono)}
.legal-footer a{color:#a7a7b6;text-decoration:none}
.legal-footer a:hover{color:#fff}