:root{--ink:#0F172A;--ink2:#1E293B;--ink3:#334155;--paper:#F8FAFC;--amber:#F59E0B;--green:#10B981;--red:#EF4444;--slate:#94A3B8;--slate2:#CBD5E1}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{min-height:100vh;background-color:var(--ink);color:var(--paper);font:400 17px/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;
 background-image:radial-gradient(rgba(148,163,184,.08) 1.2px,transparent 1.2px),radial-gradient(700px 420px at 100% 0%,rgba(245,158,11,.12),transparent 70%);
 background-size:28px 28px,auto;background-attachment:fixed}
a{color:inherit}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:8px}
.wrap{max-width:560px;margin:0 auto;padding:40px 16px 56px}
.hero{text-align:center}
.avatar{width:96px;height:96px;border-radius:50%;background:var(--ink2);border:2px solid var(--ink3);display:grid;place-items:center;margin:0 auto 18px}
.name{font:700 30px/1.15 'Space Grotesk',sans-serif;letter-spacing:-.01em}
.handle{font:500 14px 'JetBrains Mono',monospace;color:var(--amber);margin-top:6px}
.tagline{font-weight:600;font-size:19px;line-height:1.35;margin-top:16px}
.sub{color:var(--slate2);font-size:15px;margin-top:4px}
.socials{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:999px;border:1.5px solid var(--ink3);background:rgba(30,41,59,.7);text-decoration:none;font-weight:600;font-size:15px}
.pill:hover{border-color:var(--amber)}
section{margin-top:36px}
.label{font:700 13px 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-bottom:12px}
.card{background:var(--ink2);border:1.5px solid var(--ink3);border-radius:18px;padding:18px}
.empty{text-align:center;padding:28px 20px}
.empty strong{display:block;font:700 21px/1.3 'Space Grotesk',sans-serif;margin-bottom:8px}
.empty p{color:var(--slate2);font-size:15px}
.roles{display:flex;flex-direction:column;gap:12px}
.role .co{font:700 13px 'JetBrains Mono',monospace;color:var(--amber)}
.role h3{font:700 19px/1.3 'Space Grotesk',sans-serif;margin-top:4px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;list-style:none}
.chip{font-size:13px;padding:4px 10px;border-radius:999px;border:1px solid var(--ink3);color:var(--slate2)}
.elig{display:flex;gap:10px;align-items:baseline;margin-top:12px;font-size:15px}
.elig .dot{width:10px;height:10px;border-radius:50%;background:var(--green);flex:none;transform:translateY(-1px)}
.elig span{color:var(--slate)}
.apply{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:6px;font-weight:700;color:var(--amber);text-decoration:none}
.apply:hover{text-decoration:underline}
.meta{color:var(--slate);font-size:13px;margin-top:12px;line-height:1.5}
.links{display:flex;flex-direction:column;gap:10px}
.link{display:flex;align-items:center;gap:14px;text-decoration:none;min-height:72px}
.link:hover{border-color:var(--amber)}
.link .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(245,158,11,.12);flex:none}
.link .ic.red{background:rgba(239,68,68,.12)}
.link .t{display:block;font:700 17px/1.3 'Space Grotesk',sans-serif}
.link .d{display:block;font-size:14px;line-height:1.4;color:var(--slate2);margin-top:2px}
.link .go{margin-left:auto;color:var(--slate);flex:none}
footer{margin-top:44px;text-align:center;color:var(--slate);font-size:13px;line-height:1.6}
.back{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;font:500 14px 'JetBrains Mono',monospace;color:var(--slate2)}
.kicker{font:700 13px 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-top:20px}
.t-flags .kicker{color:var(--red)}
h1{font:700 34px/1.1 'Space Grotesk',sans-serif;letter-spacing:-.02em;margin-top:8px}
.intro{color:var(--slate2);margin-top:14px}
.progress{margin-top:22px;font:500 13px 'JetBrains Mono',monospace;color:var(--slate)}
.bar{height:6px;background:var(--ink3);border-radius:3px;margin-top:8px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--green);transition:width .2s}
.list{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:12px}
.item{display:flex;gap:14px;align-items:flex-start;cursor:pointer}
.item input{appearance:none;-webkit-appearance:none;width:28px;height:28px;border-radius:8px;border:2px solid var(--slate);flex:none;margin-top:1px;display:grid;place-items:center;cursor:pointer;background:transparent}
.item input:checked{background:var(--green);border-color:var(--green)}
.item input:checked::after{content:"";width:7px;height:13px;border:solid var(--ink);border-width:0 3px 3px 0;transform:translateY(-2px) rotate(45deg)}
.item .t{display:block;font:700 17px/1.35 'Space Grotesk',sans-serif}
.item .d{display:block;font-size:15px;line-height:1.5;color:var(--slate2);margin-top:4px}
.item:has(input:checked) .t{color:var(--slate2)}
.flag{display:flex;gap:14px;align-items:flex-start}
.flag svg{flex:none;margin-top:2px}
.flag .n{font:700 12px 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--red)}
.flag .t{display:block;font:700 17px/1.35 'Space Grotesk',sans-serif;margin-top:2px}
.flag .d{display:block;font-size:15px;line-height:1.5;color:var(--slate2);margin-top:4px}
.note{margin-top:16px;padding:14px 16px;border-radius:14px;background:rgba(239,68,68,.1);border:1.5px solid rgba(239,68,68,.4);font-weight:600}
.after h2{font:700 22px/1.3 'Space Grotesk',sans-serif}
.after ul{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:10px}
.after li{display:flex;gap:12px;align-items:flex-start}
.after li svg{flex:none;margin-top:2px}
.share{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:999px;font:700 15px Inter,sans-serif;text-decoration:none;border:1.5px solid var(--ink3);background:rgba(30,41,59,.7);color:var(--paper);cursor:pointer}
.btn.primary{background:var(--amber);border-color:var(--amber);color:var(--ink)}
.cta{margin-top:36px;text-align:center}
.cta p{color:var(--slate2);font-size:15px}
.cta strong{display:block;font:700 20px/1.3 'Space Grotesk',sans-serif;margin-bottom:6px;color:var(--paper)}
h1,.tagline,.empty strong,.cta strong{text-wrap:balance}
@media (prefers-reduced-motion:reduce){.bar i{transition:none}}