:root{--cyan:#a4f4e6;--purple:#c994f8;--teal:#00ead9;--orange:#f97746;--orange-text:#fb8a5e;--grad-brand:linear-gradient(135deg, #a4f4e6 0%, #c994f8 100%);--violet-700:#6a33c9;--r-sm:4px;--r-md:8px;--r-lg:16px;--r-xl:24px;--s-1:4px;--s-2:8px;--s-3:16px;--s-4:24px;--s-5:32px;--s-6:48px;--s-7:64px;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-sine:cubic-bezier(.37, 0, .63, 1);--d-press:90ms;--d-micro:.15s;--d-state:.22s;--d-enter:.36s;--d-reveal:.64s;--m-chatgpt:#00ead9;--m-claude:#f97746;--m-gemini:#c994f8;--m-perplexity:#a4f4e6;--m-grok:#dce3f2;--font-display:"Space Grotesk", system-ui, -apple-system, Arial, sans-serif;--font-body:"Inter", system-ui, -apple-system, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}[data-theme=dark]{--bg-base:#0a1228;--bg:#101a3a;--surface:#172248;--surface-2:#20305a;--text:#fff;--text-muted:#a7b0c8;--text-faint:#6b7494;--border:#c994f81f;--border-subtle:#ffffff12;--shadow-card:0 2px 8px #0000003d;--shadow-panel:0 8px 24px #0006, 0 2px 8px #0000004d;--shadow-glow:0 0 48px #a4f4e62e, 0 0 96px #c994f81f;--ring:var(--purple);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg-base:#f6f8fc;--bg:#f6f8fc;--surface:#fff;--surface-2:#eef2f9;--text:#101a3a;--text-muted:#586079;--text-faint:#8a93a8;--border:#101a3a1a;--border-subtle:#101a3a0f;--shadow-card:0 2px 8px #101a3a14;--shadow-panel:0 8px 24px #101a3a1f;--shadow-glow:0 8px 32px #c994f82e;--ring:var(--violet-700);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:hidden}#root{min-height:100dvh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}::selection{background:#c994f84d}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--r-sm)}.t-display{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700;line-height:1.02}.t-h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.1}.t-h4{font-family:var(--font-display);letter-spacing:-.01em;font-size:20px;font-weight:600;line-height:1.25}.t-over{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:500}.t-mono{font-family:var(--font-mono)}.t-grad{background:var(--grad-brand);color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skel{0%,to{opacity:1}50%{opacity:.55}}@keyframes breathe-teal{0%,to{box-shadow:0 0 0 1px #00ead940,0 0 16px -4px #00ead933}50%{box-shadow:0 0 0 1px #00ead973,0 0 30px -2px #00ead966}}@keyframes shake{0%{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(7px)}45%{transform:translate(-5px)}60%{transform:translate(3px)}80%{transform:translate(-1px)}to{transform:translate(0)}}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes dash-sweep{to{stroke-dashoffset:0}}.skel{background:var(--surface-2);border-radius:var(--r-md);animation:skel 1.4s var(--ease-sine) infinite}.grain:after{content:"";pointer-events:none;opacity:.03;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.app-chrome{-webkit-user-select:none;user-select:none}.thin-scroll::-webkit-scrollbar{width:6px;height:6px}.thin-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.thin-scroll::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.05ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::view-transition-old(root){animation-duration:.7s;animation-timing-function:var(--ease-out-expo)}::view-transition-new(root){animation-duration:.7s;animation-timing-function:var(--ease-out-expo)}.btn{border-radius:var(--r-md);height:44px;font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;transition:transform var(--d-micro) var(--ease-out), box-shadow var(--d-micro) var(--ease-out), filter var(--d-micro) var(--ease-out), background var(--d-micro) var(--ease-out), opacity var(--d-micro) var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:600;display:inline-flex;position:relative}.btn:disabled{cursor:not-allowed}.btn-sm{height:38px;padding:0 16px;font-size:14px}.btn-lg{height:52px;padding:0 30px;font-size:17px}.btn-primary{background:var(--grad-brand);color:#101a3a}.btn-primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 16px #c994f838}.btn-primary:active:not(:disabled){transform:scale(.97);box-shadow:0 2px 8px #c994f82e}.btn-primary:disabled{color:#ffffff73;background:#c994f82e}[data-theme=light] .btn-primary:disabled{color:#101a3a66;background:#101a3a14}.btn-secondary{color:var(--purple);border:2px solid var(--purple);background:0 0}[data-theme=light] .btn-secondary{color:var(--violet-700);border-color:var(--violet-700)}.btn-secondary:hover:not(:disabled){background:#c994f814;transform:translateY(-1px)}.btn-secondary:active:not(:disabled){background:#c994f81f;transform:scale(.98)}.btn-tertiary{color:var(--purple);background:0 0;height:auto;padding:8px 12px}[data-theme=light] .btn-tertiary{color:var(--violet-700)}.btn-tertiary:hover:not(:disabled){background:#c994f814}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-spinner{animation:.7s linear infinite spin}.field{flex-direction:column;gap:6px;display:flex}.field-label{font-family:var(--font-body);color:var(--text-muted);transition:color var(--d-micro);font-size:13px;font-weight:500}.field:focus-within .field-label{color:var(--purple)}.field-input-wrap{position:relative}.field-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);width:100%;height:46px;color:var(--text);transition:border-color var(--d-micro) var(--ease-out), box-shadow var(--d-micro) var(--ease-out);padding:0 14px;font-size:15px}.field-input::placeholder{color:var(--text-faint)}.field-input:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 4px #c994f824}.field-input.invalid{border-color:var(--orange)}.field-check{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.field-msg{min-height:17px;color:var(--orange-text);font-size:12.5px;line-height:1.3}.otp-row{justify-content:center;gap:8px;display:flex}.otp-row.error{animation:shake .4s var(--ease-out)}.otp-box{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);width:52px;height:60px;color:var(--text);font-family:var(--font-display);text-align:center;transition:border-color var(--d-micro) var(--ease-out), box-shadow var(--d-micro) var(--ease-out), background var(--d-state) var(--ease-out);font-size:26px;font-weight:600}.otp-box:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 4px #c994f824}.otp-box.filled{border-color:#c994f880}.otp-box.success{border-color:var(--teal);background:#00ead91f}.otp-box.error{border-color:var(--orange)}@media (width<=480px){.otp-box{width:44px;height:52px;font-size:22px}}.card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.card-hover{transition:transform var(--d-micro) var(--ease-out), box-shadow var(--d-micro) var(--ease-out), border-color var(--d-micro) var(--ease-out)}.card-hover:hover{box-shadow:var(--shadow-panel);border-color:var(--border);transform:translateY(-2px)}.lane{background:var(--surface);border:1px solid var(--border-subtle);transition:border-color var(--d-state) var(--ease-out);border-radius:10px;padding:12px 13px}.lane.active{animation:breathe-teal 2.4s var(--ease-sine) infinite}.lane.settle{animation:lane-settle .22s var(--ease-out-quart)}@keyframes lane-settle{50%{transform:scale(1.015)}}.chip-in{animation:chip-in .22s var(--ease-out)}@keyframes chip-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.plan-check{border-radius:var(--r-sm);border:2px solid var(--text-faint);width:22px;height:22px;transition:background var(--d-micro) var(--ease-out), border-color var(--d-micro) var(--ease-out);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.plan-check.on{background:var(--teal);border-color:var(--teal)}.plan-check.on.pop{animation:ck-pop .24s var(--ease-out-quart)}@keyframes ck-pop{50%{transform:scale(1.15)}}