@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_43d50961-module__KOAtAG__className{font-family:Outfit,Outfit Fallback;font-style:normal}
:root{--background:#0a0f1e;--foreground:#e2e8f0;--primary:#818cf8;--primary-hover:#6366f1;--success:#34d399;--error:#f87171;--surface:#0f172abf;--glass-border:#818cf826;--shadow:#00000080;--keyboard-bg:#1e293b;--keyboard-key-bg:#1e293b}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#0d0c31 0,#0000 55%),radial-gradient(at 50% 0,#121b36 0,#0000 55%),radial-gradient(at 100% 0,#23112c 0,#0000 55%),radial-gradient(at 50% 100%,#0c141d 0,#0000 60%);background-attachment:fixed;flex-direction:column;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 var(--shadow);border-radius:24px}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .2s}.btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.btn:active{transform:translateY(0)}.fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.pulse-success{animation:.5s ease-out pulseSuccess}@keyframes pulseSuccess{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 15px #10b98100}to{box-shadow:0 0 #10b98100}}.pulse-error{animation:.5s ease-out pulseError}@keyframes pulseError{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 #ef444400}}