:root{
  --bg:#0b1020;
  --panel:#121a33;
  --panel-2:#17213f;
  --text:#f7f8ff;
  --muted:#b8c0d9;
  --brand:#ff7a1a;
  --brand-2:#ffd2a8;
  --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  background:linear-gradient(180deg,#0b1020 0%,#101735 55%,#0b1020 100%);
  color:var(--text);
  line-height:1.6;
}
a{color:inherit;text-decoration:none}
.container{width:min(1200px,92%);margin:auto}
.header{
  position:sticky;top:0;z-index:20;
  background:rgba(11,16,32,.86);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 0
}
.logo{
  font-weight:800;
  font-size:22px;
}
.logo span{color:var(--brand)}
.menu{
  display:flex;
  gap:24px;
}
.menu a{
  color:var(--muted);
  font-weight:600;
}
.menu a.active,.menu a:hover{
  color:var(--text);
}
.page-title{
  padding:80px 0;
}
h1{
  font-size:64px;
  margin-bottom:10px;
}
p{
  color:var(--muted);
}
.footer{
  border-top:1px solid var(--line);
  padding:30px 0;
  margin-top:80px;
}
.footer-row{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}