*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg-deep:#0a1628;--bg-card:rgba(255,255,255,.03);
  --glass:rgba(255,255,255,.05);--glass-border:rgba(255,255,255,.08);
  --primary:#00e5a0;--primary-dim:rgba(0,229,160,.15);--primary-glow:rgba(0,229,160,.3);
  --accent:#6366f1;
  --text:#f1f5f9;--text2:#cbd5e1;--text3:#94a3b8;--white:#fff;
  --font:'Inter',system-ui,sans-serif;--font-display:'Space Grotesk','Inter',sans-serif;
}
html{scroll-behavior:smooth;font-family:var(--font);color:var(--text);background:var(--bg-deep);-webkit-tap-highlight-color:transparent}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
a{color:var(--primary);text-decoration:none}
::selection{background:var(--primary);color:var(--bg-deep)}
*:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}

/* Background */
.bg-mesh{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bg-mesh .orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.25;animation:orbFloat 20s ease-in-out infinite}
.bg-mesh .orb:nth-child(1){width:400px;height:400px;background:var(--primary);top:-10%;left:-5%}
.bg-mesh .orb:nth-child(2){width:300px;height:300px;background:var(--accent);bottom:-10%;right:-5%;animation-delay:-10s}
@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-20px,30px) scale(.95)}}
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Nav */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:12px 24px}
nav .inner{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px;background:var(--glass);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:14px;padding:0 24px}
nav .logo{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:8px;text-decoration:none}
nav .logo .mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:var(--bg-deep)}
nav .logo span{background:linear-gradient(135deg,var(--primary),#00c48c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
nav .back{color:var(--text2);font-size:14px;font-weight:500;padding:8px 16px;border-radius:8px;transition:.2s;border:1px solid var(--glass-border)}
nav .back:hover{color:var(--white);border-color:var(--primary)}

/* Content */
.page{position:relative;z-index:2}
.legal-hero{text-align:center;padding:120px 24px 40px;max-width:800px;margin:0 auto}
.legal-hero h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-1.5px;margin-bottom:8px}
.legal-hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.legal-hero .updated{font-size:13px;color:var(--text3)}

.legal-content{max-width:800px;margin:0 auto;padding:0 24px 80px}
.legal-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;padding:48px;backdrop-filter:blur(10px)}

.legal-card h2{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--white);margin-top:36px;margin-bottom:14px;padding-top:24px;border-top:1px solid var(--glass-border);letter-spacing:-.3px}
.legal-card h2:first-child{margin-top:0;padding-top:0;border-top:none}
.legal-card p{font-size:15px;line-height:2;color:var(--text2);margin-bottom:14px}
.legal-card ul{padding-left:0;list-style:none;margin-bottom:16px}
.legal-card li{font-size:14px;line-height:1.9;color:var(--text2);padding:6px 0 6px 24px;position:relative}
.legal-card li::before{content:'';position:absolute;left:0;top:14px;width:8px;height:8px;border-radius:50%;background:var(--primary-dim);border:2px solid var(--primary)}
.legal-card strong{color:var(--white);font-weight:600}
.legal-card a{color:var(--primary);font-weight:500}

/* Highlight box */
.legal-highlight{background:var(--primary-dim);border:1px solid rgba(0,229,160,.15);border-radius:12px;padding:20px 24px;margin:20px 0;border-left:3px solid var(--primary)}
.legal-highlight p{color:var(--primary);font-weight:500;margin-bottom:0}

/* Footer */
footer{border-top:1px solid var(--glass-border);padding:32px 24px;text-align:center;position:relative;z-index:2}
footer .logo-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}
footer .logo-row .fmark{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:var(--bg-deep)}
footer .logo-row .fname{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--white)}
footer .logo-row .fname span{color:var(--primary)}
footer p{font-size:13px;color:var(--text3)}
footer .legal-links{margin-top:12px;font-size:13px}
footer .legal-links a{color:var(--text2);margin:0 8px}
footer .legal-links a:hover{color:var(--primary)}

@media(max-width:600px){
  .legal-hero{padding:100px 16px 28px}
  .legal-hero h1{font-size:1.6rem}
  .legal-content{padding:0 16px 60px}
  .legal-card{padding:28px 20px;border-radius:14px}
  .legal-card h2{font-size:15px}
  .legal-card p,.legal-card li{font-size:13px}
  nav{padding:8px 12px}
  nav .inner{padding:0 14px;height:50px}
}

@media(prefers-reduced-motion:reduce){
  .bg-mesh .orb{animation:none}
}