:root{
  --bg:#0c1220;
  --bg2:#11192b;
  --ivory:#f6f0df;
  --ivory-2:#efe3c3;
  --gold:#d8b56a;
  --gold-2:#b88a33;
  --ink:#1f2330;
  --muted:#6a6f7d;
  --line:rgba(43,38,29,.12);
  --shadow:0 22px 60px rgba(0,0,0,.28);
  --radius:26px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--ink);
  background:
    radial-gradient(900px 540px at 10% 0%, rgba(216,181,106,.18), transparent 60%),
    radial-gradient(860px 620px at 100% 10%, rgba(255,255,255,.08), transparent 58%),
    linear-gradient(180deg, #0b1020, #111a2c 65%, #0a0f1c);
  min-height:100vh;
}
a{color:inherit}
.legal-wrap{max-width:1120px;margin:0 auto;padding:26px 18px 56px}
.legal-topbar{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin-bottom:18px;
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.brand-badge{
  width:46px;height:46px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,#ead8aa,#c6943c);color:#1b1205;font-weight:900;
  box-shadow:0 18px 38px rgba(0,0,0,.28);
}
.brand-copy strong{display:block;font-size:20px;letter-spacing:.2px}
.brand-copy span{display:block;font-size:13px;color:rgba(255,255,255,.72)}
.home-link{
  text-decoration:none;color:#fff;padding:12px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);backdrop-filter:blur(12px);font-weight:700;
}
.legal-hero{
  position:relative;overflow:hidden;border-radius:32px;padding:34px 30px;background:
  radial-gradient(900px 340px at -10% 0%, rgba(255,255,255,.72), transparent 60%),
  linear-gradient(135deg, rgba(246,240,223,.98), rgba(239,227,195,.98));
  box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.34);
}
.legal-hero::after{
  content:"";position:absolute;inset:auto -120px -120px auto;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle, rgba(216,181,106,.18), transparent 68%);pointer-events:none;
}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;
  background:rgba(31,35,48,.06);border:1px solid rgba(31,35,48,.08);font-size:12px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;
}
.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-2));display:inline-block}
.legal-hero h1{margin:16px 0 10px;font-size:clamp(28px,4vw,46px);line-height:1.08;max-width:760px}
.legal-hero p{margin:0;max-width:760px;color:#474d5c;line-height:1.65;font-size:16px}
.legal-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.legal-pill{
  display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.55);
  border:1px solid rgba(31,35,48,.08);font-weight:700;font-size:13px;color:#343948;
}
.legal-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:20px}
.panel{
  grid-column:span 12;
  background:linear-gradient(180deg, rgba(246,240,223,.98), rgba(245,239,226,.98));
  border-radius:28px;padding:26px;border:1px solid rgba(255,255,255,.26);box-shadow:var(--shadow);
}
.panel.half{grid-column:span 6}
.panel.third{grid-column:span 4}
.panel h2{margin:0 0 14px;font-size:24px}
.panel h3{margin:18px 0 10px;font-size:18px}
.panel p{margin:0;color:#4f5563;line-height:1.7}
.panel p + p{margin-top:12px}
.panel ul{margin:12px 0 0;padding-left:18px;color:#313746;line-height:1.7}
.panel li + li{margin-top:6px}
.kv{display:grid;gap:10px;margin-top:14px}
.kv-item{
  display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:start;padding:14px 16px;border-radius:18px;
  background:rgba(255,255,255,.52);border:1px solid var(--line);
}
.kv-item strong{font-size:14px}
.kv-item span{color:#4e5563;line-height:1.55}
.notice{
  padding:16px 18px;border-radius:18px;background:linear-gradient(135deg, rgba(216,181,106,.18), rgba(255,255,255,.44));
  border:1px solid rgba(184,138,51,.18);color:#3e3421;
}
.notice strong{display:block;margin-bottom:6px}
.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.tag{padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.6);border:1px solid var(--line);font-weight:700;font-size:13px;color:#434957}
.footer-note{margin-top:24px;text-align:center;color:rgba(255,255,255,.72);font-size:13px}
.footer-note a{color:#fff}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.cta{
  text-decoration:none;padding:13px 16px;border-radius:16px;font-weight:800;letter-spacing:.2px;
  border:1px solid rgba(31,35,48,.1);background:#fff;color:#252b36;
}
.cta.gold{background:linear-gradient(135deg,var(--gold),#efd7a2);color:#221607;border-color:transparent;box-shadow:0 14px 28px rgba(159,109,22,.18)}
.small{font-size:13px;color:#6d7380}
@media (max-width: 900px){
  .panel.half,.panel.third{grid-column:span 12}
  .kv-item{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .legal-wrap{padding:18px 14px 44px}
  .legal-hero{padding:24px 18px;border-radius:24px}
  .panel{padding:20px;border-radius:22px}
  .home-link{width:100%;text-align:center}
}