@font-face{
  font-family:'Afacad Flux';
  src:url('/fonts/AfacadFlux-Variable.woff2') format('woff2-variations'),
      url('/fonts/AfacadFlux-Variable.woff2') format('woff2');
  font-weight:100 900;
  font-style:oblique 0deg 14deg;
  font-display:swap;
}
@font-face{
  font-family:'Open Sans';
  src:url('/fonts/OpenSans-Variable.woff2') format('woff2-variations'),
      url('/fonts/OpenSans-Variable.woff2') format('woff2');
  font-weight:300 800;
  font-stretch:75% 100%;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Open Sans';
  src:url('/fonts/OpenSans-Italic-Variable.woff2') format('woff2-variations'),
      url('/fonts/OpenSans-Italic-Variable.woff2') format('woff2');
  font-weight:300 800;
  font-stretch:75% 100%;
  font-style:italic;
  font-display:swap;
}
:root{
  --green:#00f068;
  --green-bright:#01ff70;
  --green-dim:rgba(0,240,104,0.15);
  --bg:#111111;
  --bg2:#161616;
  --bg3:#1c1c1c;
  --border:rgba(0,240,104,0.18);
  --border-subtle:rgba(255,255,255,0.07);
  --text:#f0f0f0;
  --text-muted:rgba(255,255,255,0.5);
  --text-dim:rgba(255,255,255,0.28);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{
  background:var(--bg);color:var(--text);
  font-family:'Open Sans',sans-serif;font-weight:400;
  line-height:1.75;
}
body::before{
  content:'';position:fixed;inset:0;
  background-image:
    linear-gradient(rgba(0,240,104,0.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,240,104,0.035) 1px,transparent 1px);
  background-size:60px 60px;
  pointer-events:none;z-index:0;
}
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 5%;height:72px;
  background:rgba(17,17,17,0.85);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border-subtle);
}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.nav-logo-text{
  font-family:'Afacad Flux',sans-serif;font-weight:700;font-size:1.15rem;
  letter-spacing:-.01em;color:var(--text);
}
.nav-logo-text span{color:var(--green)}
.nav-back{
  font-size:.875rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;
  color:var(--text-muted);text-decoration:none;transition:color .2s;
  display:inline-flex;align-items:center;gap:.5rem;
}
.nav-back:hover{color:var(--green)}
main{
  position:relative;z-index:1;
  max-width:780px;margin:0 auto;
  padding:160px 5% 120px;
}
.legal-label{
  font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--green);margin-bottom:1rem;
}
h1{
  font-family:'Afacad Flux',sans-serif;font-weight:700;
  font-size:clamp(2.4rem,5vw,3.5rem);letter-spacing:-.025em;
  line-height:1.05;margin-bottom:1.25rem;
}
.updated{
  font-size:.875rem;color:var(--text-dim);
  border-bottom:1px solid var(--border-subtle);
  padding-bottom:2rem;margin-bottom:3rem;
}
h2{
  font-family:'Afacad Flux',sans-serif;font-weight:700;
  font-size:1.5rem;letter-spacing:-.01em;line-height:1.25;
  margin-top:3rem;margin-bottom:1rem;color:var(--text);
}
h3{
  font-family:'Afacad Flux',sans-serif;font-weight:700;
  font-size:1.05rem;letter-spacing:0;line-height:1.3;
  margin-top:1.75rem;margin-bottom:.5rem;color:var(--text);
}
p{font-size:1rem;color:var(--text-muted);margin-bottom:1.1rem}
ul{margin:0 0 1.25rem 1.4rem;color:var(--text-muted)}
li{margin-bottom:.5rem;font-size:1rem}
a{color:var(--green);text-decoration:none;transition:color .2s}
a:hover{color:var(--green-bright)}
strong{color:var(--text);font-weight:400}
.callout{
  border:1px solid var(--border);border-radius:8px;
  background:var(--bg2);padding:1.25rem 1.5rem;
  margin:2rem 0;font-size:.95rem;
}
.callout p{margin-bottom:.5rem}
.callout p:last-child{margin-bottom:0}
.legal-note{
  font-size:.85rem;color:var(--text-dim);
  margin-top:3rem;font-style:italic;
}
footer{
  position:relative;z-index:1;
  border-top:1px solid var(--border-subtle);
  padding:2.5rem 5%;text-align:center;
  font-size:.85rem;color:var(--text-dim);
}
footer a{color:var(--text-dim);margin:0 .75rem}
footer a:hover{color:var(--green)}
@media(max-width:600px){
  main{padding:120px 5% 80px}
  h2{font-size:1.3rem}
}