:root{color-scheme:dark;--bg:#0A0A0C;--ink:#fff;--ink-2:#C9CCD3;--muted:#8A8F98;--cyan:#00E5FF;--glow:0 0 18px rgba(0,229,255,.55),0 0 2px rgba(0,229,255,.9)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font:500 16px/1.6 Inter,system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:560px;margin:0 auto;padding:56px 20px 96px;display:grid;gap:16px}
.k{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);text-shadow:var(--glow)}
.cy{color:var(--cyan);text-shadow:var(--glow)}
h1{font-size:min(11vw,48px);line-height:.96;font-weight:900;letter-spacing:-.035em;text-wrap:balance}
h2{font-size:21px;line-height:1.15;font-weight:800;letter-spacing:-.02em;margin-top:18px}
p{color:var(--ink-2);overflow-wrap:anywhere}
.lead{font-size:18px;color:var(--ink)}
.small{font-size:13px;color:var(--muted)}
a{color:var(--cyan)}
.box{margin-top:14px;display:grid;gap:12px;border-radius:22px;padding:24px 20px;background:radial-gradient(120% 70% at 50% 0%,rgba(0,229,255,.16),transparent 62%),#0E1014;box-shadow:inset 0 0 0 1px rgba(0,229,255,.3)}
.box h2{margin-top:0;font-size:30px;font-weight:900;letter-spacing:-.03em}
.btn{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:16px;background:linear-gradient(180deg,#7FF4FF,#00E5FF 55%,#00C4DC);color:#031014;font-weight:800;font-size:17px;text-decoration:none;box-shadow:0 0 30px rgba(0,229,255,.45)}
.btn.ghost{background:none;color:#7FF4FF;box-shadow:inset 0 0 0 1.5px rgba(0,229,255,.55)}
:focus-visible{outline:2px solid #fff;outline-offset:3px}
