@keyframes shimmer{to{transform:translate(100%)}}@keyframes float{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-20px)}}@keyframes grid-flow{0%{background-position:0 0}to{background-position:4rem 4rem}}@keyframes pulse-glow{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes buttonGlow{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 20px #3b82f64d}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animated-grid{animation:20s linear infinite grid-flow}.glow-effect{animation:10s ease-in-out infinite pulse-glow}.login-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#11182766;border:1px solid #ffffff1a;border-radius:24px;width:100%;margin:0 auto;transition:transform .3s;animation:.5s ease-out scaleIn;overflow:hidden}.login-card:hover{transform:translateY(-2px)}.login-card-header{background:linear-gradient(90deg,#3b82f600,#3b82f6,#3b82f600);height:4px;position:relative}.login-card-header:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.input-wrapper{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;transition:all .3s;animation:.3s ease-out slideIn}.input-wrapper:hover{background:#3b82f60d;border-color:#3b82f633;transform:translate(2px)}.input-wrapper:focus-within{background:#3b82f614;border-color:#3b82f680;transform:translate(2px);box-shadow:0 0 0 2px #3b82f633}.input-wrapper.error{border-color:#ef444480;animation:.5s ease-in-out shake}.input-wrapper.error:focus-within{border-color:#ef444480;box-shadow:0 0 0 2px #ef444433}.error-message{color:#ef4444;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem;animation:.3s ease-out fadeIn;display:flex}.tab-active{background:#3b82f626!important;border-color:#3b82f64d!important}[role=tab]:hover{background:#3b82f61a;border-color:#3b82f633}[data-page=login]{background:#0a0f1c;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex;overflow:hidden auto}@media (max-height:800px){[data-page=login]{align-items:flex-start;padding:1rem}}.country-select-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827f2;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;max-height:300px;display:flex;overflow:hidden}.country-select-search{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827f2;border-bottom:1px solid #ffffff1a;padding:8px;position:sticky;top:0}.country-select-list{flex:1;padding:8px;overflow-y:auto}.country-select-list::-webkit-scrollbar{width:8px}.country-select-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.country-select-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.country-select-list::-webkit-scrollbar-thumb:hover{background:#fff3}.country-option{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.country-option:hover{background:#3b82f61a;transform:translate(2px)}.country-option.selected{background:#3b82f626;border:1px solid #3b82f64d}.country-option:active{transform:scale(.98)}.country-flag{object-fit:cover;border-radius:2px;width:24px;height:16px}.country-info{align-items:center;gap:8px;display:flex}.country-name{color:#ffffffe6;font-size:.875rem}.country-code{color:#ffffff80;font-size:.75rem}@media (max-width:640px){[data-page=login]{padding:1rem .5rem}.login-card{border-radius:20px;margin:0}.input-wrapper{padding:8px}.country-select-content{max-height:250px}.country-option{padding:6px 8px}.country-flag{width:20px;height:14px}.country-name{font-size:.8125rem}.country-code{font-size:.6875rem}.logo-wrapper img{width:48px;height:48px}h2{font-size:1.5rem}}@media (max-width:480px){.login-card{margin:0 12px}.p-6{padding:1rem}.md\:p-8{padding:1.5rem}.space-y-8>:not([hidden])~:not([hidden]){margin-top:1.5rem}.input-wrapper{margin-bottom:.75rem}.submit-button{padding:.75rem}}@media (min-width:1024px){.login-card{transition:transform .3s,box-shadow .3s;transform:translateY(0)}.login-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0003}.input-wrapper:hover{transform:translate(4px)}}@media (prefers-color-scheme:dark){.login-card{background:#11182799}.input-wrapper{background:#ffffff08}.input-wrapper:hover{background:#ffffff0d}}@media (prefers-contrast:high){.login-card{background:#111827e6;border-color:#ffffff4d}.input-wrapper{border-color:#ffffff4d}.error-message{color:#ff6464}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.logo-wrapper{animation:.5s ease-out scaleIn}.logo-wrapper img{transition:transform .3s}.logo-wrapper:hover img{transform:scale(1.1)rotate(5deg)}.title-gradient{background-size:200%;animation:3s linear infinite gradient}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.submit-button{transition:all .3s;animation:3s infinite buttonGlow}.submit-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d;background-image:linear-gradient(90deg,#3b82f6e6,#a855f7e6)!important}.submit-button:active{transform:translateY(1px);box-shadow:0 2px 8px #3b82f633}.loading-spinner{animation:1s linear infinite rotate}[role=combobox]:hover{background:#3b82f60d;border-color:#3b82f633}.country-select-search input:focus{background:#3b82f614;border-color:#3b82f64d}.text-primary{color:#fffffff2}.text-secondary{color:#ffffffb3}.text-muted{color:#ffffff80}.input-wrapper input{color:#fffffff2!important}.input-wrapper input::placeholder{color:#ffffff80!important}.input-wrapper:hover input::placeholder{color:#3b82f699!important}.input-wrapper:focus-within input::placeholder{color:#3b82f6b3!important}.country-name{color:#fffffff2}.country-code{color:#3b82f6b3}.country-option:hover .country-name{color:#3b82f6f2}.country-option:hover .country-code{color:#3b82f6cc}.country-option.selected .country-name{color:#3b82f6}.country-option.selected .country-code{color:#3b82f6e6}[role=tab]{transition:all .3s;color:#ffffffb3!important}[role=tab]:hover{color:#3b82f6e6!important}.tab-active{color:#3b82f6!important;background:#3b82f626!important;border-color:#3b82f64d!important}.submit-button{text-shadow:0 1px 2px #0000001a;color:#fffffff2!important}.submit-button:hover{text-shadow:0 1px 4px #0003;color:#fff!important}.country-select-search input{color:#fffffff2!important}.country-select-search input::placeholder{color:#ffffff80!important}.error-message{color:#f87171;text-shadow:0 1px 2px #f871711a}.title-gradient{text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#3b82f6,#9333ea,#ec4899)!important}.send-code-button{color:#3b82f6e6;white-space:nowrap;background:#3b82f61a;border:1px solid #3b82f633;border-radius:.75rem;justify-content:center;align-items:center;min-width:120px;padding:.5rem 1rem;font-size:.875rem;transition:all .3s;display:flex}.send-code-button:hover:not(:disabled){color:#3b82f6;background:#3b82f626;border-color:#3b82f64d;transform:translateY(-1px)}.send-code-button:active:not(:disabled){transform:translateY(1px)}.send-code-button:disabled{color:#ffffff4d;cursor:not-allowed;background:#ffffff0d;border-color:#ffffff1a}.send-code-button.counting{color:#3b82f699;background:#3b82f60d;border-color:#3b82f61a;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}input:focus,button:focus,[role=tab]:focus,[role=combobox]:focus,.send-code-button:focus{box-shadow:none!important;outline:none!important}.focus-visible\:ring-0:focus-visible{--tw-ring-offset-width:0px!important;--tw-ring-offset-color:transparent!important;--tw-ring-color:transparent!important;--tw-ring-offset-shadow:none!important;--tw-ring-shadow:none!important;box-shadow:none!important;outline:none!important}:focus{box-shadow:none!important;--tw-ring-offset-width:0px!important;--tw-ring-offset-color:transparent!important;--tw-ring-color:transparent!important;--tw-ring-offset-shadow:none!important;--tw-ring-shadow:none!important;outline:none!important}