*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:#0a0a0c;color:#e8e8ed;line-height:1.7;padding:0;
}
body::before{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 70%);
  -webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 70%);
}
a{color:#8a8a92;text-decoration:none;transition:color .2s}
a:hover{color:#dc2626}
a.legal-accent{color:#dc2626}
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  backdrop-filter:blur(32px) saturate(1.4);
  -webkit-backdrop-filter:blur(32px) saturate(1.4);
  background:rgba(10,10,12,.7);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nav-inner{
  max-width:840px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 28px;height:60px;
}
.nav a{display:flex;align-items:center;gap:8px;color:#e8e8ed;font-weight:600;font-size:14px}
.nav a:hover{color:#dc2626}
.nav-brand{display:flex;align-items:center;gap:8px}
.nav-brand img{width:28px;height:28px;border-radius:50%}
main{max-width:840px;margin:0 auto;padding:100px 24px 40px}
.card{
  border:1px solid rgba(220,38,38,.1);border-radius:20px;
  background:#121214;padding:36px 32px;
}
h1{font-size:28px;font-weight:800;letter-spacing:-.6px;margin-bottom:24px;color:#dc2626}
h2{font-size:15px;font-weight:700;margin:32px 0 10px;color:#8a8a92;text-transform:uppercase;letter-spacing:.4px}
p{margin-bottom:12px;color:#8a8a92;font-size:14px;line-height:1.7}
strong{color:#e8e8ed}
ul{margin:8px 0 16px 20px;color:#8a8a92;font-size:14px}
li{margin-bottom:4px}
.legal-updated{margin-top:24px;font-size:12px;color:#56565c}
.footer{margin-top:32px;font-size:13px;color:#56565c;text-align:center}
.footer a{color:#56565c}
.footer a:hover{color:#dc2626}
@media(max-width:600px){
  .card{padding:24px 20px;border-radius:16px}
  h1{font-size:24px}
  main{padding:80px 16px 24px}
}