:root{color-scheme:dark;--bg: #0b0b0f;--ink: #f4f4f8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Space Grotesk,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:default}input{font-family:inherit}.shell{min-height:100%;display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden}.bg-glow{position:fixed;top:-260px;left:50%;width:820px;max-width:140vw;height:700px;transform:translate(-50%);background:radial-gradient(closest-side,rgba(255,46,116,.16),rgba(31,224,255,.05) 55%,transparent 72%);pointer-events:none;z-index:0}.content{width:100%;max-width:600px;flex:1;display:flex;flex-direction:column;padding:clamp(22px,4vh,44px) clamp(20px,4vw,32px);position:relative;z-index:1}.content.wide{max-width:960px}.cards{flex:1;display:flex;flex-direction:column;gap:14px;position:relative;min-height:320px}@media(min-width:760px){.cards{flex-direction:row;align-items:stretch;min-height:420px}}.code-field{display:flex;align-items:center;height:56px;border-radius:14px;background:#16161e;border:1px solid rgba(255,255,255,.1);padding:0 16px;gap:2px}.code-field .prefix{font-family:Space Mono,monospace;font-size:20px;letter-spacing:1px;color:#6a6a78}.code-field input{flex:1;min-width:0;height:100%;background:none;border:none;outline:none;color:var(--ink);font-family:Space Mono,monospace;font-size:20px;letter-spacing:4px;text-transform:uppercase}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.blink{animation:blink 1.4s ease-in-out infinite}@keyframes pop{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.pop{animation:pop .28s ease-out both}@keyframes fightIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.fight-in{animation:fightIn .34s cubic-bezier(.22,1,.36,1) both}@keyframes ping{0%{transform:scale(1);opacity:.7}to{transform:scale(1.7);opacity:0}}.ping-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid currentColor;animation:ping 1.3s ease-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:currentColor;animation:spin .8s linear infinite}