:root{
  --legal-bg:#06111f;
  --legal-panel:rgba(11,26,43,.88);
  --legal-text:#ecf7ff;
  --legal-muted:#a8bbce;
  --legal-line:rgba(151,195,255,.16);
  --legal-cyan:#5ee7ff;
  --legal-green:#7cffc4;
  --legal-max:920px;
}
*{box-sizing:border-box}
html{background:var(--legal-bg);scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--legal-text);background:radial-gradient(circle at 18% 8%,rgba(95,140,255,.22),transparent 28rem),radial-gradient(circle at 88% 4%,rgba(94,231,255,.12),transparent 24rem),linear-gradient(180deg,#06111f 0%,#07131f 100%)}
a{color:inherit}
.legal-shell{width:min(var(--legal-max),calc(100% - 40px));margin:0 auto;padding:28px 0 64px}
.legal-topbar{position:sticky;top:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid var(--legal-line);border-radius:999px;background:rgba(6,17,31,.82);backdrop-filter:blur(18px);box-shadow:0 14px 44px rgba(0,0,0,.24)}
.legal-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900}
.legal-brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;color:#041120;background:linear-gradient(135deg,var(--legal-cyan),#5f8cff)}
.legal-back{padding:10px 14px;border:1px solid var(--legal-line);border-radius:999px;text-decoration:none;color:#dff5ff;background:rgba(255,255,255,.04)}
.legal-card{margin-top:34px;padding:clamp(24px,5vw,52px);border:1px solid var(--legal-line);border-radius:30px;background:var(--legal-panel);box-shadow:0 28px 90px rgba(0,0,0,.32);backdrop-filter:blur(18px)}
.legal-eyebrow{margin:0 0 10px;color:var(--legal-green);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
h1{margin:0 0 14px;font-size:clamp(34px,6vw,58px);line-height:1;letter-spacing:-.055em}
.legal-lead{margin:0 0 28px;color:#c8d8e8;font-size:18px;line-height:1.55}
.legal-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.legal-meta span{padding:8px 11px;border:1px solid var(--legal-line);border-radius:999px;color:var(--legal-muted);font-size:13px;background:rgba(255,255,255,.035)}
.legal-section{padding:24px 0;border-top:1px solid var(--legal-line)}
.legal-section:first-of-type{border-top:0}
.legal-section h2{margin:0 0 12px;font-size:23px;letter-spacing:-.025em}
.legal-section p,.legal-section li{color:#c6d5e4;line-height:1.68}
.legal-section p{margin:0 0 12px}
.legal-section ul{margin:10px 0 0;padding-left:22px}
.legal-section li+li{margin-top:7px}
.legal-contact{display:inline-flex;align-items:center;gap:8px;color:#dffaff;text-decoration:none;border-bottom:1px solid rgba(94,231,255,.45)}
.legal-note{margin-top:22px;padding:18px;border:1px solid rgba(124,255,196,.2);border-radius:20px;color:#d9f8ea;background:rgba(124,255,196,.06);line-height:1.6}
.legal-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:24px 4px 0;color:var(--legal-muted);font-size:14px}
.legal-footer-links{display:flex;flex-wrap:wrap;gap:14px}
.legal-footer a{text-decoration:none;color:#dff5ff}
@media (max-width:640px){
  .legal-shell{width:min(100% - 24px,var(--legal-max));padding-top:12px}
  .legal-topbar{top:8px;border-radius:20px;padding:10px}
  .legal-back{padding:9px 11px;font-size:13px}
  .legal-card{margin-top:18px;padding:22px 18px;border-radius:24px}
  .legal-lead{font-size:16px}
  .legal-section{padding:20px 0}
  .legal-section h2{font-size:20px}
  .legal-footer{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
