@font-face { font-family:"Space Grotesk"; font-style:normal; font-weight:300 700; font-display:swap;
  src:url("/fonts/space-grotesk-latin.woff2") format("woff2"); }
:root { --bg:#212121; --surface:#2a2a2a; --surface-2:#1a1a1a; --line:#3d3d3d;
  --ink:#ececec; --muted:#a8a8a8; --primary:#5f4ce0; --accent:#8c7dff;
  --font-brand:"Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;
  font-family:"Segoe UI", system-ui, -apple-system, sans-serif; color-scheme:dark; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--bg);
  line-height:1.65; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.wrap { max-width:760px; margin:0 auto; padding:28px 20px 48px; }
.brand { display:inline-flex; align-items:center; gap:9px; text-decoration:none; color:var(--ink); font-family:var(--font-brand); font-size:25px; font-weight:700; letter-spacing:-.01em; line-height:1; }
.brand b { display:inline-flex; align-items:center; font-weight:700; }
.brand b i { display:inline-flex; align-items:center; font-style:normal; font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; line-height:1;
  color:var(--accent); background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16); border-radius:999px; padding:3px 9px 4px; }
article { margin-top:24px; padding:28px; background:var(--surface); border:1px solid var(--line); border-radius:16px; }
h1 { margin:0; font-size:28px; letter-spacing:-.5px; }
h2 { margin:28px 0 6px; font-size:17px; color:var(--accent); }
p { margin:0 0 10px; font-size:15px; overflow-wrap:anywhere; color:#d0d0d0; }
.stand { color:var(--muted); font-size:13px; margin-top:4px; }
address { font-style:normal; margin:16px 0 0; padding:12px 16px; background:var(--surface-2); border-left:3px solid var(--primary); border-radius:4px; font-size:14px; color:var(--ink); }
a { color:var(--accent); }
a:focus-visible, button:focus-visible { outline:3px solid var(--accent); outline-offset:2px; }
.skip { position:fixed; left:12px; top:12px; z-index:20; padding:8px 12px; border-radius:8px;
  background:var(--accent); color:#0b1017; font-weight:700; text-decoration:none; transform:translateY(-160%); }
.skip:focus { transform:none; outline:3px solid var(--accent); outline-offset:2px; }
footer { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 20px; margin-top:24px; font-size:13px; }
footer a { color:var(--muted); text-decoration:none; }
footer a:hover { color:var(--accent); text-decoration:underline; }
@media (max-width:560px) { article { padding:20px 16px; } h1 { font-size:24px; } }