:root{--bg:#0a0a0f;--accent:#6f57e9;--accent-2:#a855f7;--grad:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);--text:#f5f4fa;--muted:#8b8a99;--card:#ffffff0a;--border:#ffffff17;--err:#ff6b7a;--ok:#4ade80}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Space Grotesk,system-ui,sans-serif}#root{min-height:100vh}a{color:var(--accent-2);text-decoration:none}a:hover{color:#c08bfa}input::placeholder{color:#5a5968}input{caret-color:var(--accent-2)}button{font-family:Space Grotesk,system-ui,sans-serif}.accent-word{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Instrument Serif,serif;font-style:italic;font-weight:400}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.78)}}@keyframes glowPulse{0%,to{box-shadow:0 0 #6f57e98c}50%{box-shadow:0 0 0 26px #6f57e900}}@keyframes checkPop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes confettiFall{0%{transform:translateY(-6vh)rotate(0)}to{transform:translateY(112vh)rotate(680deg)}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}.btn-ghost{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;font-weight:500;transition:border-color .2s,color .2s;display:flex}.btn-ghost:hover{color:var(--text);border-color:#ffffff40}.btn-ghost:active{transform:scale(.96)}.btn-cta{background:var(--grad);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;font-weight:600;transition:filter .15s;display:flex;box-shadow:0 8px 28px #6f57e966}.btn-cta:hover{filter:brightness(1.1)}.btn-cta:active{transform:scale(.97)}.btn-cta:disabled{cursor:default}.cta-link{background:var(--grad);color:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;font-weight:600;transition:filter .15s;display:flex;box-shadow:0 8px 28px #6f57e966}.cta-link:hover{filter:brightness(1.1);color:#fff}.cta-link:active{transform:scale(.97)}.btn-link{color:var(--accent-2);cursor:pointer;background:0 0;border:none;padding:10px;font-weight:600}.btn-link:hover{color:#c08bfa}.btn-link:active{transform:scale(.96)}.input-field{box-sizing:border-box;background:var(--card);border:1px solid var(--border);color:var(--text);outline:none;font-family:Space Grotesk,sans-serif;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 4px #6f57e92e}.otp-box{box-sizing:border-box;background:var(--card);border:1px solid var(--border);color:var(--text);text-align:center;outline:none;font-family:Space Grotesk,sans-serif;transition:border-color .2s,box-shadow .2s,background .2s}.otp-box:focus{border-color:var(--accent);background:#6f57e914;box-shadow:0 0 0 4px #6f57e933}.demo-toggle-btn:hover{color:var(--text)}.demo-toggle-btn:active{transform:scale(.96)}.demo-row{cursor:pointer;color:var(--text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:0;font-family:Space Grotesk,sans-serif;font-size:14px;display:flex}