/* css/legal.css */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root{
  --grad:linear-gradient(135deg,#4b0fff 0%,#b300ff 55%,#ff00d4 100%);
  --surface:#13131c;
  --surface2:#1b1b28;
  --border:rgba(255,255,255,.08);
  --muted:#9d9bb0;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  text-decoration: none;
}
a{
  color: white;
}

body{
  font-family:'Poppins',sans-serif;
  background:#0a0a0f;
  color:#fff;
  line-height:1.8;
}

.container{
  width:min(900px,90%);
  margin:auto;
}

.nav{
  padding:30px 0;
  border-bottom:1px solid var(--border);
}

.logo{
  font-size:1.8rem;
  font-weight:800;
  background:var(--grad);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.hero{
  padding:80px 0 40px;
}

.hero h1{
  font-size:3rem;
  font-weight:800;
  margin-bottom:15px;
}

.hero p{
  color:var(--muted);
}

.card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:24px;
  padding:40px;
  margin-bottom:60px;
}

.card h2{
  margin-top:30px;
  margin-bottom:10px;
  font-size:1.3rem;
}

.card ul{
  padding-left:25px;
}

.card p,
.card li{
  color:#d0d0db;
}

.footer{
  border-top:1px solid var(--border);
  padding:30px 0;
  text-align:center;
  color:var(--muted);
}

.back-btn{
  display:inline-block;
  margin-top:20px;
  background:var(--grad);
  color:white;
  padding:12px 25px;
  border-radius:40px;
  text-decoration:none;
  font-weight:600;
}