@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap");
:root {
  --bg: #07111b; --bg-2: #0d1d2c; --panel: rgba(10,24,38,.9); --panel-2: rgba(15,33,52,.95);
  --line: rgba(151,179,206,.18); --text: #eef6ff; --muted: #9cb3c9;
  --good: #8ce5b0; --warn: #f4d27d; --bad: #ff9f9f;
  --accent: #67c7ff; --accent-2: #8ef1ca;
  --sans: "Space Grotesk","Avenir Next","Segoe UI",sans-serif;
  --mono: "IBM Plex Mono","SFMono-Regular",Consolas,monospace;
  --radius: 14px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{min-height:100%;background:radial-gradient(circle at top left,rgba(103,199,255,.16),transparent 32%),radial-gradient(circle at top right,rgba(142,241,202,.11),transparent 28%),linear-gradient(180deg,#06101a 0%,#0a1724 100%);color:var(--text);font-family:var(--sans);}

/* Navigation */
.nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px 24px;}
.nav-brand{font-family:var(--mono);font-size:1.2rem;font-weight:700;color:var(--accent);text-decoration:none;letter-spacing:-.5px;}
.nav-links{display:flex;gap:16px;align-items:center;}
.nav-links a{color:var(--muted);text-decoration:none;font-size:.88rem;transition:color .2s;}
.nav-links a:hover{color:var(--text);}
.btn-login{background:var(--accent);color:#000;padding:8px 20px;border-radius:8px;font-weight:700;font-family:var(--mono);font-size:.82rem;text-decoration:none;transition:opacity .2s;}
.btn-login:hover{opacity:.85;}

/* Content */
.legal-container{max-width:860px;margin:0 auto;padding:60px 24px 80px;}
.legal-container h1{font-size:2rem;font-weight:700;margin-bottom:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.legal-updated{font-family:var(--mono);font-size:.75rem;color:var(--muted);margin-bottom:48px;}

.legal-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:48px;}
.legal-nav a{font-family:var(--mono);font-size:.78rem;color:var(--accent);background:rgba(103,199,255,.08);border:1px solid rgba(103,199,255,.18);border-radius:8px;padding:8px 16px;text-decoration:none;transition:background .2s;}
.legal-nav a:hover{background:rgba(103,199,255,.16);}

.legal-section{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:36px 32px;margin-bottom:28px;}
.legal-section h2{font-size:1.3rem;font-weight:700;margin-bottom:20px;color:var(--accent);padding-bottom:12px;border-bottom:1px solid var(--line);}
.legal-section h3{font-size:1.05rem;font-weight:700;margin:24px 0 10px;color:var(--text);}
.legal-section p{font-size:.9rem;color:var(--muted);line-height:1.7;margin-bottom:12px;}
.legal-section ul,.legal-section ol{margin:8px 0 16px 20px;font-size:.9rem;color:var(--muted);line-height:1.7;}
.legal-section li{margin-bottom:6px;}
.legal-section a{color:var(--accent);text-decoration:none;}
.legal-section a:hover{text-decoration:underline;}
.legal-section strong{color:var(--text);font-weight:600;}

.risk-box{background:rgba(244,210,125,.06);border:1px solid rgba(244,210,125,.25);border-radius:var(--radius);padding:36px 32px;margin-bottom:28px;}
.risk-box h2{font-size:1.3rem;font-weight:700;margin-bottom:20px;color:var(--warn);padding-bottom:12px;border-bottom:1px solid rgba(244,210,125,.2);}
.risk-box p{font-size:.9rem;color:var(--muted);line-height:1.7;margin-bottom:12px;}
.risk-box ul{margin:8px 0 16px 20px;font-size:.9rem;color:var(--muted);line-height:1.7;}
.risk-box li{margin-bottom:6px;}
.risk-box strong{color:var(--warn);font-weight:600;}

/* Footer */
.footer{max-width:1200px;margin:0 auto;padding:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer span{font-size:.75rem;color:var(--muted);font-family:var(--mono);}
.footer a{color:var(--muted);text-decoration:none;font-size:.75rem;font-family:var(--mono);transition:color .2s;}
.footer a:hover{color:var(--accent);}
.footer-links{display:flex;gap:16px;}

@media(max-width:640px){
  .legal-container{padding:36px 18px 60px;}
  .legal-section{padding:24px 20px;}
  .risk-box{padding:24px 20px;}
  .nav{padding:14px 18px;}
  .legal-nav{gap:6px;}
  .legal-nav a{font-size:.72rem;padding:6px 12px;}
}