:root{
  --bg:#070912;
  --bg-deep:#05070d;
  --panel:rgba(17,20,31,.78);
  --panel-strong:rgba(19,23,36,.94);
  --panel-soft:rgba(255,255,255,.045);
  --line:rgba(255,255,255,.085);
  --line-strong:rgba(160,94,255,.28);
  --text:#f5f7fc;
  --muted:rgba(245,247,252,.72);
  --soft:rgba(245,247,252,.46);
  --purple:#8f4dff;
  --orange:#f59a23;
  --radius:28px;
  --shadow:0 30px 90px rgba(0,0,0,.42);
  --max:1280px;
  --font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font);
  color:var(--text);
  background:
    radial-gradient(820px 520px at 15% 0%, rgba(143,77,255,.22), transparent 60%),
    radial-gradient(760px 420px at 100% 8%, rgba(20,209,138,.11), transparent 58%),
    radial-gradient(760px 540px at 86% 28%, rgba(245,154,35,.14), transparent 58%),
    linear-gradient(180deg, #06080e 0%, #080b13 35%, #05070d 100%);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
.shell{position:relative;isolation:isolate;overflow:hidden;min-height:100vh}
.container{width:min(var(--max), calc(100% - 40px));margin:0 auto}
.topbar{
  position:sticky;top:0;z-index:40;
  backdrop-filter:blur(18px);
  background:linear-gradient(180deg, rgba(7,9,18,.88), rgba(7,9,18,.60));
  border-bottom:1px solid rgba(255,255,255,.05);
}
.topbar-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:0}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand img{width:172px;height:36px;object-fit:contain;object-position:left center;filter:drop-shadow(0 18px 30px rgba(0,0,0,.28))}
.brand-copy{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);white-space:nowrap}
.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nav a{padding:11px 14px;border-radius:14px;font-size:14px;font-weight:700;color:var(--muted);border:1px solid transparent}
.nav a:hover,.nav a.is-active{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.07);color:var(--text)}
.legal-main{padding:44px 0 56px}
.legal-grid{display:grid;gap:18px;align-items:stretch}
.card{background:linear-gradient(180deg, rgba(17,20,31,.90), rgba(10,13,21,.86));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-card{padding:28px;position:relative;overflow:hidden}
.hero-card::before{content:"";position:absolute;right:-40px;bottom:-40px;width:190px;height:190px;border-radius:999px;background:radial-gradient(circle, rgba(143,77,255,.22), transparent 70%)}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);font-weight:800;font-size:13px;color:var(--muted)}
.badge::before{content:"";width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg, var(--orange), var(--purple));box-shadow:0 0 16px rgba(143,77,255,.42)}
.hero-card h1{margin:0 0 16px;font-size:clamp(36px, 5vw, 64px);line-height:.98;letter-spacing:-.05em}
.hero-card p,.aside-card p,.prose p,.prose li,.prose dd{color:var(--muted);font-size:15px;line-height:1.8}
.aside-card{padding:28px}
.aside-card h2,.section h2{margin:0 0 16px;font-size:28px;letter-spacing:-.04em}
.section{padding:28px;margin-top:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.dl{display:grid;grid-template-columns:220px 1fr;gap:12px 24px;align-items:start}
.dl dt{font-weight:800;color:var(--text)}
.dl dd{margin:0}
.section h3{margin:0 0 12px;font-size:18px;letter-spacing:-.02em}
.note{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.link-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.pill-link{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);font-weight:700;color:var(--muted)}
.pill-link:hover{color:var(--text);border-color:rgba(255,255,255,.14)}
.pill-link svg{width:18px;height:18px;display:block}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.input,.textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:var(--text);font:inherit;outline:none}
.textarea{min-height:180px;resize:vertical}
.input:focus,.textarea:focus{border-color:rgba(143,77,255,.5);box-shadow:0 0 0 3px rgba(143,77,255,.12)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border:none;border-radius:16px;background:linear-gradient(135deg, var(--purple), #a45dff 52%, var(--orange));color:#fff;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 18px 50px rgba(143,77,255,.24)}
.btn.secondary{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);box-shadow:none;color:var(--text)}
.foot{padding:26px 0 42px;border-top:1px solid rgba(255,255,255,.05);margin-top:28px}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--soft);font-size:13px;font-weight:700}
.footer-brand{display:flex;align-items:center;gap:14px}
.footer-brand img{height:28px;width:auto;object-fit:contain}
.footer-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.footer-links a{padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.footer-links a:hover{color:var(--text);border-color:rgba(255,255,255,.13)}
.list{margin:0;padding-left:18px}
@media (max-width: 920px){
  .legal-grid,.grid-2,.form-grid,.dl{grid-template-columns:1fr}
  .dl{gap:8px}
  .nav,.footer-links{width:100%}
}