@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');

:root { color-scheme:dark; --bg:#060b0f; --panel:#0b1317; --text:#dee8eb; --muted:#829ca6; --line:rgba(255,255,255,.1); --cyan:#24e0f0; --accent:#73fa8c; --width:900px; }
* { box-sizing:border-box; }
html { max-width:100%; overflow-x:clip; }
body { max-width:100%; margin:0; overflow-x:clip; background:var(--bg); color:var(--text); font-family:Inter,system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
body::before { position:fixed; z-index:-2; inset:0; content:""; background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(#000 30%,transparent 92%); }
body::after { position:fixed; z-index:-1; top:-220px; right:-180px; width:620px; height:620px; content:""; border-radius:50%; background:radial-gradient(circle,rgba(36,224,240,.2),transparent 68%); filter:blur(18px); }
a { color:inherit; text-decoration:none; }
header,main,footer { width:min(var(--width),calc(100% - 40px)); margin-inline:auto; }
header { height:84px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.logo { display:inline-flex; align-items:center; gap:11px; font-size:14px; font-weight:700; letter-spacing:-.02em; }
.logo img { width:36px; height:36px; border-radius:9px; }
.logo b { color:var(--cyan); }
.back-link { padding:11px 16px; border:1px solid var(--line); border-radius:8px; font-size:12px; font-weight:700; transition:border-color .2s ease,background .2s ease; }
.back-link:hover,.back-link:focus-visible { border-color:var(--cyan); background:rgba(36,224,240,.06); outline:none; }
.terms-heading { padding:96px 0 52px; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 24px; color:var(--muted); font:700 12px/1 "Space Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }
.eyebrow span { width:8px; height:8px; border-radius:50%; background:linear-gradient(135deg,var(--accent),var(--cyan)); box-shadow:0 0 14px rgba(36,224,240,.65); }
h1 { margin:0; font-size:clamp(48px,8vw,76px); line-height:.98; letter-spacing:-.06em; }
h1 em { color:var(--cyan); font-style:normal; }
.updated { margin:22px 0 0; color:#71737a; font:400 11px/1.5 "Space Mono",monospace; }
.terms-card { overflow:hidden; border:1px solid var(--line); border-radius:14px; background:linear-gradient(145deg,rgba(16,32,39,.92),rgba(6,11,15,.94)); box-shadow:0 28px 80px rgba(0,0,0,.25); }
.terms-card section { display:grid; grid-template-columns:minmax(180px,.7fr) minmax(0,1.8fr); gap:32px; padding:30px 34px; border-bottom:1px solid var(--line); }
.terms-card section:last-child { border-bottom:0; }
.terms-card h2 { margin:1px 0 0; font-size:14px; line-height:1.45; letter-spacing:-.01em; }
.terms-card p { margin:0; color:#aeb0b5; font-size:14px; line-height:1.75; }
footer { min-height:120px; display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:72px; border-top:1px solid var(--line); }
footer p { margin:0; color:#74767c; font:400 10px/1.6 "Space Mono",monospace; }
footer a { color:#b9bbc0; }
footer a:hover,footer a:focus-visible { color:var(--cyan); outline:none; }

@media (max-width:640px) {
  header,main,footer { width:calc(100% - 28px); }
  header { height:72px; }
  .back-link { padding:9px 11px; }
  .terms-heading { padding:72px 0 40px; }
  .terms-card section { grid-template-columns:1fr; gap:10px; padding:24px 20px; }
  footer { min-height:150px; align-items:flex-start; flex-direction:column; justify-content:center; gap:8px; margin-top:52px; }
}