:root{
  --black:#070807;
  --panel:#0d0e0c;
  --gold:#d4af37;
  --gold-light:#f5c542;
  --white:#f5f4ef;
  --muted:#a3a39c;
  --line:rgba(212,175,55,.24);
  --display:"Rajdhani",sans-serif;
  --body:"Inter",sans-serif;
  --mono:"IBM Plex Mono",monospace;
}

*{box-sizing:border-box}
html{background:var(--black);color-scheme:dark;scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);overflow-x:hidden}
a{color:inherit;text-decoration:none}

.legal-body{
  min-height:100vh;
  background:
    linear-gradient(rgba(212,175,55,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(212,175,55,.025) 1px,transparent 1px),
    radial-gradient(circle at 78% 12%,rgba(212,175,55,.1),transparent 34%),
    var(--black);
  background-size:96px 96px,96px 96px,auto,auto;
}

.legal-header{
  position:relative;
  z-index:2;
  height:112px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 clamp(24px,5vw,80px);
  border-bottom:1px solid var(--line);
  background:rgba(7,8,7,.88);
  backdrop-filter:blur(18px);
}

.legal-brand img{display:block;width:190px;height:auto}
.legal-back{padding:14px 0;border-bottom:1px solid var(--gold);color:#d6d4cc;font:500 .68rem var(--mono);letter-spacing:.12em;text-transform:uppercase;transition:color .2s}
.legal-back:hover{color:var(--gold-light)}

.legal-page{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:clamp(72px,9vw,140px) 0 110px}
.legal-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.44fr);align-items:end;gap:52px;padding-bottom:60px;border-bottom:1px solid var(--line)}
.legal-kicker{grid-column:1/-1;margin:0 0 -8px;color:var(--gold-light);font:500 .68rem var(--mono);letter-spacing:.16em;text-transform:uppercase}
.legal-hero h1{margin:0;font:700 clamp(4.5rem,9vw,9rem)/.78 var(--display);letter-spacing:-.055em;text-transform:uppercase}
.legal-hero h1 em{color:var(--gold);font-style:italic}
.legal-intro{margin:0 0 5px;color:#c2c1ba;font-size:clamp(1rem,1.35vw,1.28rem);line-height:1.7}

.legal-notice{display:grid;grid-template-columns:180px 1fr;gap:34px;margin:42px 0 82px;padding:28px 30px;border:1px solid rgba(212,175,55,.42);background:linear-gradient(105deg,rgba(212,175,55,.12),rgba(212,175,55,.025))}
.legal-notice strong{color:var(--gold-light);font:600 .72rem var(--mono);letter-spacing:.14em;text-transform:uppercase}
.legal-notice p{margin:0;color:#cfcec7;line-height:1.65}

.legal-sections{border-top:1px solid var(--line)}
.legal-sections section{display:grid;grid-template-columns:88px minmax(0,1fr);gap:30px;padding:42px 0;border-bottom:1px solid var(--line)}
.legal-sections section>span{padding-top:6px;color:var(--gold);font:500 .65rem var(--mono);letter-spacing:.12em}
.legal-sections h2{margin:0 0 14px;font:700 clamp(2rem,3.5vw,3.3rem)/.95 var(--display);letter-spacing:-.025em;text-transform:uppercase}
.legal-sections p{max-width:820px;margin:0;color:var(--muted);font-size:clamp(.98rem,1.2vw,1.1rem);line-height:1.85}

.legal-footer{display:flex;justify-content:space-between;gap:24px;padding:28px clamp(24px,5vw,80px);border-top:1px solid var(--line);color:#73736e;background:#050505;font:.58rem var(--mono);letter-spacing:.06em}
.legal-footer a{color:#aaa9a2}
.legal-footer a:hover{color:var(--gold-light)}

@media(max-width:720px){
  .legal-header{height:88px;padding-inline:20px}
  .legal-brand img{width:148px}
  .legal-back{font-size:.55rem}
  .legal-page{width:calc(100% - 40px);padding:72px 0 82px}
  .legal-hero{display:block;padding-bottom:38px}
  .legal-kicker{margin-bottom:24px}
  .legal-hero h1{font-size:clamp(3.35rem,16vw,5.2rem);line-height:.82}
  .legal-intro{margin-top:30px;font-size:.98rem}
  .legal-notice{display:block;margin:28px 0 58px;padding:22px}
  .legal-notice p{margin-top:12px;font-size:.9rem}
  .legal-sections section{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:34px 0}
  .legal-sections h2{font-size:clamp(1.8rem,9vw,2.55rem)}
  .legal-sections p{font-size:.94rem;line-height:1.75}
  .legal-footer{flex-direction:column;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}