
:root{--bg:#02040a;--bg2:#060b17;--card:#0a1224;--tx:#eef4ff;--mu:#8da2c8;--a:#1fe4f5;--b:#0b8bff;--bd:#14223f;color-scheme:dark}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;overflow-x:hidden;scroll-padding-top:80px}
body{background:var(--bg);color:var(--tx);font:16px/1.65 "Segoe UI",system-ui,-apple-system,Roboto,sans-serif}
a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 20px}
.btn{display:inline-block;padding:12px 24px;border-radius:999px;font-weight:700;font-family:inherit;font-size:1rem;background:linear-gradient(90deg,var(--a),var(--b));color:#02101c;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(31,228,245,.35)}.btn.o{background:none;border:1px solid var(--bd);color:var(--tx)}.btn.o:hover{border-color:var(--a)}
.ph{padding:52px 0 40px;background:radial-gradient(circle at 85% 0,rgba(11,139,255,.2),transparent 55%),var(--bg2);border-bottom:1px solid var(--bd)}
.crumbs{font-size:.82rem;color:var(--mu);margin-bottom:16px;display:flex;gap:8px;flex-wrap:wrap}.crumbs a:hover{color:var(--a)}
.eyebrow{color:var(--a);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:8px}
h1{font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.15;text-wrap:balance}h2{font-size:1.6rem;margin-bottom:18px;text-wrap:balance}
.lead{color:var(--mu);max-width:700px;margin:14px 0 24px;font-size:1.08rem}.cta{display:flex;gap:12px;flex-wrap:wrap}
section.s{padding:54px 0}.alt{background:var(--bg2)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:22px;transition:.25s}
a.card:hover{border-color:var(--a);transform:translateY(-4px)}.card h3{font-size:1.05rem;margin-bottom:6px}.card p{color:var(--mu);font-size:.92rem}.card .go{margin-top:auto;padding-top:14px;color:var(--a);font-size:.85rem;font-weight:600}
ul.ck{list-style:none;padding:0;display:grid;gap:10px}ul.ck li{padding-left:26px;position:relative}ul.ck li:before{content:"▸";color:var(--a);position:absolute;left:0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:36px}@media(max-width:760px){.two{grid-template-columns:1fr}}
.num{font:800 1.8rem ui-monospace,Menlo,monospace;color:var(--b)}
details{border:1px solid var(--bd);border-radius:12px;padding:14px 18px;background:var(--card);margin-bottom:10px}summary{cursor:pointer;font-weight:600}details p{color:var(--mu);margin-top:10px}
.band{text-align:center;background:linear-gradient(135deg,rgba(31,228,245,.1),rgba(11,139,255,.14));border:1px solid var(--bd);border-radius:22px;padding:44px 20px}.band .cta{justify-content:center}
.pill{display:inline-block;border:1px solid var(--bd);border-radius:999px;padding:5px 13px;font-size:.8rem;color:var(--a);margin:0 6px 8px 0}
.empty{border:1px dashed var(--bd);border-radius:18px;padding:34px;text-align:center;color:var(--mu)}.empty b{color:var(--tx);display:block;font-size:1.1rem;margin-bottom:6px}
form.f{display:grid;gap:14px}.f label{display:block;font-weight:600;font-size:.9rem;margin-bottom:5px}.f .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:640px){.f .row{grid-template-columns:1fr}}
.f input,.f select,.f textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--bd);background:#02040a;color:var(--tx);font:inherit}
.f [aria-invalid=true]{border-color:#ff6b81}.err{color:#ff8a9b;font-size:.82rem;min-height:1.1em}.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.st{min-height:1.4em;font-weight:600}.st.good{color:#35f2a0}.st.bad{color:#ff8a9b}.note{font-size:.8rem;color:var(--mu)}
a.card.skipx{}
.fb{background:none;border:1px solid var(--bd);color:var(--mu);border-radius:999px;padding:6px 14px;margin:0 6px 14px 0;cursor:pointer;font:inherit;font-size:.82rem}.fb[aria-pressed=true]{border-color:var(--a);color:var(--a)}
.sq{width:100%;max-width:420px;padding:12px 14px;border-radius:12px;border:1px solid var(--bd);background:#02040a;color:var(--tx);font:inherit;margin-bottom:14px;display:block}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--a);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
