:root{
  --bg:#05080d;
  --panel:#0a1119;
  --panel2:#0d1620;
  --line:#1a2a38;
  --text:#edf6ff;
  --muted:#91a4b5;
  --muted2:#64788a;
  --blue:#0b7cff;
  --cyan:#18d8ee;
  --amber:#ffc75a;
  --max:960px;
}

*{
  box-sizing:border-box;
}

html{
  color-scheme:dark;
}

body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  background:
    radial-gradient(circle at 70% 12%,rgba(11,124,255,.11),transparent 34%),
    linear-gradient(rgba(60,120,160,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(60,120,160,.035) 1px,transparent 1px),
    var(--bg);
  background-size:auto,44px 44px,44px 44px,auto;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

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

.container{
  width:min(calc(100% - 36px),var(--max));
  margin:auto;
}

.legal-header{
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(5,8,13,.84);
  backdrop-filter:blur(16px);
}

.legal-nav{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

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

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

.brand strong,
.brand span{
  display:block;
}

.brand strong{
  font-size:15px;
}

.brand span{
  margin-top:2px;
  color:var(--cyan);
  font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:1px;
  text-transform:uppercase;
}

.back-link{
  padding:9px 13px;
  color:var(--muted);
  background:rgba(13,22,32,.72);
  border:1px solid var(--line);
  border-radius:9px;
  font-size:12px;
  font-weight:700;
}

.back-link:hover{
  color:#fff;
  border-color:#31536d;
}

main{
  padding:72px 0 90px;
}

.eyebrow{
  color:var(--cyan);
  font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:2px;
}

h1{
  margin:12px 0 14px;
  font-size:clamp(42px,8vw,72px);
  line-height:1;
  letter-spacing:-3px;
}

.intro{
  max-width:720px;
  margin:0;
  color:var(--muted);
  font-size:16px;
  line-height:1.75;
}

.placeholder-warning{
  margin:34px 0;
  padding:18px 20px;
  color:#ffe2a8;
  background:rgba(255,199,90,.07);
  border:1px solid rgba(255,199,90,.22);
  border-radius:14px;
}

.placeholder-warning strong{
  display:block;
  margin-bottom:6px;
  color:var(--amber);
  font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:1.2px;
}

.placeholder-warning p{
  margin:0;
  line-height:1.65;
}

.legal-card{
  margin-top:16px;
  padding:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.018),transparent),var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
}

.legal-card h2{
  margin:0 0 14px;
  font-size:23px;
}

.legal-card h3{
  margin:24px 0 10px;
  font-size:16px;
}

.legal-card p,
.legal-card li{
  color:#c1d0dc;
  line-height:1.75;
}

.legal-card ul{
  margin:10px 0 0;
  padding-left:22px;
}

.placeholder{
  display:inline-block;
  padding:2px 7px;
  color:#dffbff;
  background:rgba(24,216,238,.07);
  border:1px solid rgba(24,216,238,.18);
  border-radius:6px;
  font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;
}

.meta-note{
  margin-top:34px;
  color:var(--muted2);
  font-size:11px;
  line-height:1.65;
}

.legal-footer{
  padding:25px 0;
  border-top:1px solid var(--line);
}

.legal-footer-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:var(--muted2);
  font:650 9px ui-monospace,SFMono-Regular,Menlo,monospace;
}

.legal-footer-links{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

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

@media(max-width:650px){
  main{
    padding-top:54px;
  }

  h1{
    letter-spacing:-2px;
  }

  .legal-card{
    padding:22px;
  }

  .legal-footer-row{
    align-items:flex-start;
    flex-direction:column;
  }
}