@font-face { font-family:'Euclid Circular A'; src:url('/fonts/EuclidCircularA-Regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Euclid Circular A'; src:url('/fonts/EuclidCircularA-Semibold.woff2') format('woff2'); font-weight:600; font-display:swap; }
@font-face { font-family:'Euclid Circular A'; src:url('/fonts/EuclidCircularA-Bold.woff2') format('woff2'); font-weight:700; font-display:swap; }
@font-face { font-family:'Inter'; src:url('/fonts/Inter-Variable.woff2') format('woff2'); font-weight:100 900; font-display:swap; }

:root {
  --bg:#0a0a0a; --surface:#141414; --surface-2:#1e1e1e; --border:#2a2a3e;
  --text:#f0f0f5; --muted:#9aa5b8; --accent:#6395FF; --deep:#382DCF;
  --heading:'Euclid Circular A', system-ui, sans-serif;
  --body:'Inter', system-ui, sans-serif;
}
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body {
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--body); font-size:17px; line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
h1,h2,h3 { font-family:var(--heading); font-weight:600; letter-spacing:-0.02em; margin:0; text-wrap:balance; }
h1 { font-size:clamp(2rem, 4.5vw, 3.1rem); line-height:1.1; }
h2 { font-size:1.35rem; line-height:1.25; }
h3 { font-size:1.02rem; line-height:1.3; }
p, li { margin:0 0 1rem; text-wrap:pretty; }
li { margin:0; }
.wrap { max-width:940px; margin:0 auto; padding:0 24px; }
.head { padding:34px 0 0; }
.head img { height:26px; display:block; }
.lede { color:var(--muted); font-size:1.16rem; max-width:44ch; }
.btn {
  display:inline-block; background:var(--deep); color:#fff; font-weight:600;
  padding:13px 26px; border-radius:9px; border:1px solid #4a3fe0;
  font-family:var(--heading); font-size:1rem;
}
.btn:hover { background:#4a3fe0; text-decoration:none; }
.btn-ghost {
  display:inline-block; color:var(--text); border:1px solid var(--border);
  padding:13px 22px; border-radius:9px; font-weight:500; font-size:1rem; margin-left:10px;
}
.btn-ghost:hover { border-color:var(--accent); text-decoration:none; }
.card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:12px; padding:22px;
}
.card h3 { margin-bottom:7px; }
.card p { color:var(--muted); font-size:0.96rem; margin:0; }
.note {
  background:var(--surface); border:1px solid var(--border); border-left:3px solid var(--accent);
  border-radius:10px; padding:22px 24px; margin:56px 0 0;
}
.note h2 { font-size:1.1rem; margin-bottom:9px; }
.note p { color:var(--muted); font-size:0.95rem; }
.note p:last-child { margin-bottom:0; }
footer {
  margin-top:56px; padding:26px 0 46px; border-top:1px solid var(--border);
  color:var(--muted); font-size:0.87rem;
}
footer a { color:var(--muted); text-decoration:underline; }
footer a:hover { color:var(--accent); }
.sep { color:var(--border); padding:0 8px; }
@media (max-width:640px) { body { font-size:16px; } .btn-ghost { margin:10px 0 0; display:block; text-align:center; } }