:root{
  --bg:#16233a;--panel:#233958;--panel2:#1c2f4a;--line:#3a5578;
  --text:#eef4ff;--muted:#9db1d4;
  --green:#19e8a4;--green2:#049a68;
  --violet:#8b6bff;--blue:#2f8dff;--cyan:#33d0ff;
  --yellow:#ffcc4d;--red:#ff5470;
  --radius:18px;
  --shadow:0 20px 50px rgba(0,0,0,.4);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:"Manrope",Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);
  line-height:1.7;min-height:100vh;
}
a{color:var(--green)}
::selection{background:rgba(25,232,164,.32);color:#fff}
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--green),var(--violet));border-radius:99px;border:3px solid var(--bg)}

.legal-header{
  position:sticky;top:0;z-index:10;padding:14px 20px;
  background:linear-gradient(135deg,rgba(16,26,44,.94),rgba(11,21,36,.94));
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.legal-header-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.legal-brand img{height:34px;display:block}
.legal-back{
  font-size:13.5px;font-weight:700;color:#cfe0ff;text-decoration:none;padding:8px 13px;border-radius:10px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:.16s;white-space:nowrap;
}
.legal-back:hover{background:rgba(25,232,164,.14);border-color:rgba(25,232,164,.4);color:#fff}

.legal-wrap{max-width:900px;margin:0 auto;padding:44px 22px 70px}
.legal-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--green);font-weight:800;margin:0 0 8px}
.legal-title{font-family:"Rajdhani",sans-serif;font-weight:700;font-size:clamp(28px,4vw,40px);margin:0 0 8px;letter-spacing:.3px}
.legal-updated{color:var(--muted);font-size:13.5px;margin:0 0 30px}

.legal-card{
  background:linear-gradient(180deg,rgba(40,58,88,.9),rgba(28,44,70,.92));
  border:1px solid rgba(120,150,195,.3);border-radius:var(--radius);padding:28px 30px;margin-bottom:20px;box-shadow:var(--shadow);
}
.legal-card h2{
  font-family:"Rajdhani",sans-serif;font-size:21px;font-weight:700;margin:0 0 14px;display:flex;align-items:center;gap:9px;
}
.legal-card h2:before{content:"";width:7px;height:20px;border-radius:99px;background:linear-gradient(180deg,var(--green),var(--violet));display:inline-block;flex-shrink:0}
.legal-card h3{font-size:16px;margin:18px 0 6px;color:#dff2ff}
.legal-card p{margin:0 0 12px;color:#dbe6fa}
.legal-card ul{margin:0 0 12px;padding-left:22px;color:#dbe6fa}
.legal-card li{margin-bottom:6px}
.legal-card strong{color:#fff}

.legal-note{
  background:rgba(255,204,77,.08);border-left:4px solid var(--yellow);border-radius:10px;
  padding:14px 16px;font-size:14px;color:#f3e3bd;margin:14px 0;
}
.legal-note.info{background:rgba(47,141,255,.08);border-left-color:var(--blue);color:#cfe3ff}
.legal-note.danger{background:rgba(255,84,112,.08);border-left-color:var(--red);color:#ffd9df}

.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.legal-pill-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.legal-pill{padding:7px 12px;border-radius:999px;background:rgba(25,232,164,.09);border:1px solid rgba(25,232,164,.24);font-size:12.5px;font-weight:700;color:#d9fff1}

.legal-btn{
  display:inline-block;padding:13px 20px;border-radius:13px;border:0;background:linear-gradient(135deg,var(--green),var(--green2));
  color:#03130c;font-weight:800;font-size:14.5px;cursor:pointer;text-decoration:none;transition:.18s;
}
.legal-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(25,232,164,.28)}
.legal-btn.secondary{background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff}

.legal-form label{display:block;margin-top:13px;margin-bottom:7px;font-weight:700;color:#b9c8e8;font-size:13px;text-transform:uppercase;letter-spacing:.3px}
.legal-form input,.legal-form textarea{
  width:100%;padding:13px 14px;border-radius:13px;border:1px solid rgba(120,150,195,.4);
  background:#1c2c46;color:#fff;box-sizing:border-box;outline:none;transition:.18s;font-family:inherit;font-size:14.5px;
}
.legal-form input:focus,.legal-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(25,232,164,.14)}
.legal-form textarea{resize:vertical;min-height:130px}

.legal-cross{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.legal-cross a{
  font-size:12.5px;font-weight:700;text-decoration:none;color:#cfe0ff;padding:7px 11px;border-radius:9px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);
}
.legal-cross a:hover{background:rgba(25,232,164,.12);border-color:rgba(25,232,164,.35);color:#fff}

.legal-foot{max-width:900px;margin:30px auto 0;padding:20px 22px;color:var(--muted);font-size:12.5px;border-top:1px dashed rgba(255,255,255,.1);text-align:center}

@media(max-width:720px){
  .legal-grid{grid-template-columns:1fr}
  .legal-wrap{padding:30px 16px 50px}
}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
}