:root{
  --bg:#02070b;
  --panel:#07131d;
  --panel2:#091927;
  --text:#f3f7fb;
  --muted:#7891a3;
  --line:rgba(129,170,196,.15);
  --gold:#f2c94c;
  --mint:#5af2c1;
  --cyan:#4fc4ea;
  --red:#ff6472;
}

*{
  box-sizing:border-box;
}

html{
  background:var(--bg);
}

body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(
      circle at 75% 0%,
      rgba(79,196,234,.08),
      transparent 31%
    ),
    radial-gradient(
      circle at 15% 20%,
      rgba(242,201,76,.045),
      transparent 28%
    ),
    var(--bg);
  font-family:Inter,Arial,sans-serif;
}

a{
  color:inherit;
  text-decoration:none;
}

.legal-nav{
  width:min(1120px,calc(100% - 48px));
  min-height:78px;
  margin:22px auto 0;
  padding:14px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(4,13,20,.78);
  backdrop-filter:blur(20px);
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
}

.brand img{
  width:42px;
  height:42px;
  object-fit:contain;
}

.brand strong{
  display:block;
  font-family:"Space Grotesk",sans-serif;
  font-size:18px;
}

.brand small{
  display:block;
  margin-top:3px;
  color:#567083;
  font-size:8px;
  font-weight:800;
  letter-spacing:.16em;
}

.back{
  padding:10px 14px;
  color:#91a7b6;
  border:1px solid var(--line);
  border-radius:10px;
  font-size:11px;
  font-weight:700;
}

.back:hover{
  color:var(--gold);
  border-color:rgba(242,201,76,.35);
}

.legal-main{
  width:min(1120px,calc(100% - 48px));
  margin:0 auto;
}

.legal-hero{
  padding:110px 0 65px;
}

.eyebrow{
  color:var(--mint);
  font-size:9px;
  font-weight:800;
  letter-spacing:.22em;
}

.legal-hero h1{
  max-width:900px;
  margin:18px 0 0;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(48px,7vw,82px);
  line-height:.96;
  letter-spacing:-.055em;
}

.legal-hero p{
  max-width:700px;
  margin:22px 0 0;
  color:#8197a6;
  font-size:15px;
  line-height:1.75;
}

.updated{
  margin-top:25px;
  color:#506979;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
}

.legal-layout{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:30px;
  align-items:start;
}

.legal-sidebar{
  position:sticky;
  top:25px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(7,19,29,.72);
}

.legal-sidebar strong{
  display:block;
  margin-bottom:16px;
  color:#607b8e;
  font-size:9px;
  letter-spacing:.14em;
}

.legal-sidebar a{
  display:block;
  padding:9px 0;
  color:#7891a3;
  font-size:11px;
}

.legal-sidebar a:hover{
  color:var(--gold);
}

.legal-content{
  min-width:0;
}

.legal-card{
  margin-bottom:18px;
  padding:34px;
  border:1px solid var(--line);
  border-radius:22px;
  background:
    linear-gradient(
      145deg,
      rgba(9,25,39,.74),
      rgba(4,12,18,.87)
    );
}

.legal-card h2{
  margin:0 0 17px;
  font-family:"Space Grotesk",sans-serif;
  font-size:28px;
  letter-spacing:-.035em;
}

.legal-card h3{
  margin:24px 0 10px;
  font-family:"Space Grotesk",sans-serif;
  font-size:18px;
}

.legal-card p,
.legal-card li{
  color:#8298a7;
  font-size:13px;
  line-height:1.75;
}

.legal-card p:last-child{
  margin-bottom:0;
}

.legal-card ul{
  padding-left:21px;
}

.notice{
  border-color:rgba(242,201,76,.24);
}

.notice h2{
  color:var(--gold);
}

.danger{
  border-color:rgba(255,100,114,.22);
}

.contact-box{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:20px;
}

.contact-item{
  padding:18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(2,7,11,.38);
}

.contact-item small{
  display:block;
  margin-bottom:7px;
  color:#567083;
  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
}

.contact-item span,
.contact-item a{
  color:#c5d2da;
  font-size:12px;
  line-height:1.5;
  word-break:break-word;
}

.action{
  display:inline-block;
  margin-top:12px;
  padding:13px 17px;
  border:1px solid rgba(242,201,76,.3);
  border-radius:11px;
  color:var(--gold);
  font-size:11px;
  font-weight:800;
}

.action:hover{
  background:rgba(242,201,76,.05);
}

.legal-footer{
  width:min(1120px,calc(100% - 48px));
  margin:70px auto 0;
  padding:30px 0 45px;
  display:flex;
  flex-wrap:wrap;
  gap:18px 28px;
  border-top:1px solid var(--line);
  color:#526a7a;
  font-size:10px;
}

.legal-footer a:hover{
  color:var(--gold);
}

@media(max-width:820px){
  .legal-layout{
    grid-template-columns:1fr;
  }

  .legal-sidebar{
    position:static;
  }

  .contact-box{
    grid-template-columns:1fr;
  }
}

@media(max-width:600px){
  .legal-nav,
  .legal-main,
  .legal-footer{
    width:calc(100% - 24px);
  }

  .brand small{
    display:none;
  }

  .legal-hero{
    padding:80px 0 45px;
  }

  .legal-hero h1{
    font-size:46px;
  }

  .legal-card{
    padding:23px;
  }
}