/* AltLoad pages (terms.html). Midnight navy with mint accents, matching index.html. */
:root{
  --night:#060d24;
  --night-top:#060d24;
  --card:#0b1533;
  --card-2:#101d44;
  --edge:rgba(140,170,255,.14);
  --edge-2:rgba(140,170,255,.30);
  --accent:#1fb57d;
  --accent-2:#3ee0a1;
  --valid:#3ee0a1;
  --ink:#eef2ff;
  --ink-2:rgba(214,224,255,.72);
  --ink-3:rgba(214,224,255,.48);
  --sans:-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,sans-serif;
  /* terms.html still uses these names */
  --line:var(--edge);
  --line-2:var(--edge-2);
  --glass:var(--card);
  --glass-2:var(--card-2);
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--night);scroll-behavior:smooth;overflow-x:clip}
body{
  font-family:var(--sans);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;
  min-height:100vh;overflow-x:clip;
  background:radial-gradient(700px 500px at 12% -10%,rgba(62,224,161,.16),transparent 70%) no-repeat,radial-gradient(800px 600px at 100% 0%,rgba(90,169,255,.16),transparent 70%) no-repeat,var(--night);
}
a{color:inherit}
img{display:block;max-width:100%}
.wrap{width:min(720px,100% - 32px);margin-inline:auto}
h1,h2,h3{letter-spacing:-.02em;line-height:1.15;font-weight:800}
.label{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}

/* top bar */
.bar{padding:18px 0}
.bar .wrap{display:flex;align-items:center;gap:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:17px}
.brand img{width:30px;height:30px;border-radius:8px}
.bar nav{margin-left:auto;display:flex;gap:4px}
.bar nav a{padding:8px 13px;border-radius:999px;text-decoration:none;font-size:14.5px;font-weight:600;color:var(--ink-2)}
.bar nav a:hover{color:var(--ink);background:rgba(76,149,255,.14)}
@media (max-width:520px){.bar nav a.opt{display:none}}

/* cards */
.card,.surface{background:var(--card);border:1px solid var(--edge);border-radius:22px;box-shadow:0 7px 14px rgba(0,0,0,.07)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border-radius:999px;
  font:700 15.5px/1 var(--sans);text-decoration:none;cursor:pointer;border:1px solid transparent;
  transition:filter .15s,transform .15s,background .15s}
.btn svg{width:18px;height:18px;flex:none}
.btn-primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:0;box-shadow:0 8px 24px rgba(33,112,245,.4)}
.btn-primary:hover{filter:brightness(1.08)}
.btn-quiet{color:var(--ink);background:var(--card-2);border-color:var(--edge-2)}
.btn-quiet:hover{border-color:var(--edge-2)}
.btn:active{transform:scale(.98)}
.btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed;filter:saturate(.6)}

/* chips */
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.chip{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;
  color:var(--ink-2);text-decoration:none;background:var(--card);border:1px solid var(--edge)}
.chip b{color:var(--ink);font-weight:900}
a.chip:hover{border-color:var(--edge-2);color:var(--ink)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--valid);box-shadow:0 0 8px var(--valid)}

/* footer */
footer{border-top:1px solid var(--edge);margin-top:56px;padding:34px 0 48px}
footer .wrap{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;text-align:center}
footer nav{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center}
footer a{color:var(--ink-2);text-decoration:none;font-size:14px}
footer a:hover{color:var(--ink)}
footer small{color:var(--ink-3);font-size:13px;flex-basis:100%}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}