.login-page{min-height:var(--stage-h);display:flex;align-items:center;justify-content:center;background:var(--mds-color-background-primary,#0f0f0f);padding:2rem;position:relative;overflow:hidden;transition:opacity .3s ease,transform .3s ease}.login-page--fading{opacity:0;transform:scale(.98);pointer-events:none}.login-page:before{top:-20%;right:-15%;width:50%;height:50%;background:radial-gradient(ellipse at center,rgba(0,85,255,.03) 0,transparent 70%);animation:floatOrb 20s ease-in-out infinite}.login-page:after,.login-page:before{content:"";position:absolute;pointer-events:none}.login-page:after{bottom:-15%;left:-10%;width:40%;height:40%;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.015) 0,transparent 60%);animation:floatOrb 25s ease-in-out infinite reverse}@keyframes floatOrb{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.login-theme-toggle{position:fixed;top:1.5rem;right:1.5rem;z-index:100}.login-container{width:100%;max-width:420px;position:relative;z-index:1;animation:login-fade-in .6s ease-out}@keyframes login-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.login-card{padding:2rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-page .form-header{text-align:center;margin-bottom:.5rem}.login-page .form-header h3{margin-bottom:.5rem}.login-page .form-error{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:.75rem;padding:1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:10px;color:var(--mds-color-error,#ef4444);font-size:.875rem;animation:shake .4s ease-out}.login-page .form-error svg{flex-shrink:0;margin-top:2px}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.login-page .attempts-warning{width:100%;font-size:.75rem;opacity:.8;margin-top:.25rem}.login-page .form-field{display:flex;flex-direction:column;gap:.5rem}.login-page .field-label{font-size:.875rem;font-weight:500;color:var(--mds-color-text-primary,#fff)}.login-page .field-label-row{display:flex;justify-content:space-between;align-items:center}.login-page .forgot-link{font-size:.8125rem;color:var(--mds-color-brand-primary,#06f);text-decoration:none;transition:all .2s ease}.login-page .forgot-link:hover{color:var(--mds-color-brand-primary-hover,#3385ff);text-decoration:underline}.login-page .field-error{font-size:.75rem;color:var(--mds-color-error,#ef4444)}.login-page .input-wrapper{position:relative;display:flex;align-items:center}.login-page .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--mds-color-text-tertiary,hsla(0,0%,100%,.5));pointer-events:none;transition:color .2s ease;z-index:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.login-page .input-wrapper:focus-within .input-icon{color:var(--mds-color-brand-primary,#06f)}.login-page .login-form .form-field .input-wrapper input.login-input,.login-page input.login-input,input.login-input{width:100%;height:48px;padding:12px 14px 12px 48px!important;background:var(--mds-liquid-bg-input,hsla(0,0%,100%,.08));border:1px solid var(--mds-liquid-border-subtle,hsla(0,0%,100%,.12));border-radius:10px;color:var(--mds-color-text-primary,#fff);font-size:.9375rem;transition:all .2s ease;outline:none;box-sizing:border-box!important}.login-page .login-form .form-field .input-wrapper input.login-input.login-input--password,.login-page input.login-input--password,input.login-input--password{padding-right:48px!important}.login-form input.login-input::placeholder,input.login-input::placeholder{color:var(--mds-color-text-tertiary,hsla(0,0%,100%,.5))}.login-form input.login-input:focus,input.login-input:focus{border-color:var(--mds-color-brand-primary,#06f);box-shadow:0 0 0 3px rgba(0,102,255,.15);background:var(--mds-liquid-bg-input-focus,hsla(0,0%,100%,.1));padding-left:48px!important}.login-form input.login-input--error,input.login-input--error{border-color:var(--mds-color-error,#ef4444)}.login-form input.login-input--error:focus,input.login-input--error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.15)}.login-form input.login-input:disabled,input.login-input:disabled{opacity:.6;cursor:not-allowed}.login-page .password-toggle{position:absolute;right:12px;background:none;border:none;padding:4px;cursor:pointer;color:var(--mds-color-text-tertiary,hsla(0,0%,100%,.5));transition:color .2s ease;display:flex;align-items:center;justify-content:center}.login-page .password-toggle:hover{color:var(--mds-color-text-primary,#fff)}.remember-device{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.remember-checkbox{position:absolute;opacity:0;width:0;height:0}.remember-checkmark{width:18px;height:18px;border:1.5px solid var(--mds-liquid-border-subtle,hsla(0,0%,100%,.2));border-radius:4px;background:var(--mds-liquid-bg-input,hsla(0,0%,100%,.06));transition:all .2s ease;position:relative;flex-shrink:0}.remember-checkmark:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border-width:medium;border-left:0 solid var(--mds-color-brand-primary,#06f);border-bottom:2px solid var(--mds-color-brand-primary,#06f);border-right:2px solid var(--mds-color-brand-primary,#06f);border-top:0 solid var(--mds-color-brand-primary,#06f);transform:rotate(45deg) scale(0);transition:transform .15s ease}.remember-checkbox:checked+.remember-checkmark{border-color:var(--mds-color-brand-primary,#06f);background:rgba(0,102,255,.15)}.remember-checkbox:checked+.remember-checkmark:after{transform:rotate(45deg) scale(1)}.remember-checkbox:focus+.remember-checkmark{box-shadow:0 0 0 2px rgba(0,102,255,.2)}.remember-text{font-size:.875rem;color:var(--mds-color-text-secondary,hsla(0,0%,100%,.7))}.login-page .submit-button{width:100%;height:48px;margin-top:.5rem;font-weight:500}.login-page .button-loading{display:flex;align-items:center;justify-content:center;gap:.75rem}.login-page .loading-spinner-small{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.login-page .invite-note{text-align:center;padding-top:1rem;border-top:1px solid var(--mds-liquid-border-subtle,hsla(0,0%,100%,.08));margin-top:.5rem}.login-locked{flex-direction:column;text-align:center;gap:1.25rem;padding:1rem}.locked-icon,.login-locked{display:flex;align-items:center}.locked-icon{width:64px;height:64px;border-radius:50%;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);justify-content:center;color:var(--mds-color-error,#ef4444)}.locked-icon svg{width:28px;height:28px}.locked-timer{display:flex;flex-direction:column;gap:.25rem;padding:1rem 2rem;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);border-radius:10px}.login-page .timer-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mds-color-text-tertiary,hsla(0,0%,100%,.5))}.login-page .timer-value{font-size:1.5rem;font-weight:600;color:var(--mds-color-error,#ef4444);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.login-verify-device{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem;padding:1rem}.verify-icon{color:var(--mds-color-brand-primary,#06f);animation:login-pulse 2s ease-in-out infinite}@keyframes login-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.verify-email-box{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--mds-liquid-bg-card,hsla(0,0%,100%,.06));border:1px solid var(--mds-liquid-border-subtle,hsla(0,0%,100%,.12));border-radius:10px;font-size:.9375rem;color:var(--mds-color-text-primary,#fff)}.verify-email-box svg{color:var(--mds-color-brand-primary,#06f);flex-shrink:0}.verify-note{max-width:280px}.verify-code-form{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:.5rem}.login-page .verify-code-form .form-field{display:flex;flex-direction:column;align-items:center;gap:.5rem}.login-page .verify-code-form .field-label{font-size:.8125rem;font-weight:500;color:var(--mds-color-text-secondary,hsla(0,0%,100%,.7));text-align:center}.verification-code-input{width:260px!important;height:64px!important;text-align:center;font-size:2rem!important;font-family:SF Mono,Fira Code,Consolas,monospace;font-weight:600;letter-spacing:.4em;padding:0 .4em!important;background:var(--mds-liquid-bg-input,hsla(0,0%,100%,.08))!important;border:2px solid var(--mds-liquid-border-subtle,hsla(0,0%,100%,.15))!important;border-radius:12px!important;color:var(--mds-color-text-primary,#fff)!important}.verification-code-input::placeholder{color:var(--mds-color-text-tertiary,hsla(0,0%,100%,.3));letter-spacing:.3em}.verification-code-input:focus{border-color:var(--mds-color-brand-primary,#06f)!important;box-shadow:0 0 0 4px rgba(0,102,255,.15)}.login-page .back-link{color:var(--mds-color-text-secondary,hsla(0,0%,100%,.7));background:none;border:1px solid var(--mds-liquid-border-subtle,hsla(0,0%,100%,.12));padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none;margin-top:.5rem}.login-page .back-link:hover{color:var(--mds-color-text-primary,#fff);background:var(--mds-liquid-bg-button,hsla(0,0%,100%,.1));border-color:var(--mds-liquid-border-bright,hsla(0,0%,100%,.25))}.login-page .footer-note{color:var(--mds-color-text-tertiary,hsla(0,0%,100%,.5));font-size:.875rem}html[data-theme=light] .login-page{background:var(--mds-color-background-primary,#f8f9fa)}html[data-theme=light] .login-page:before{background:radial-gradient(ellipse at center,rgba(0,85,255,.05) 0,transparent 70%)}html[data-theme=light] .login-form input.login-input,html[data-theme=light] input.login-input{background:var(--mds-liquid-bg-input,hsla(0,0%,100%,.9));color:var(--mds-color-text-primary,#1a1a1a)}html[data-theme=light] .login-form input.login-input::placeholder,html[data-theme=light] input.login-input::placeholder{color:var(--mds-color-text-tertiary,rgba(0,0,0,.4))}html[data-theme=light] .verification-code-input{background:var(--mds-liquid-bg-input,hsla(0,0%,100%,.9))!important;color:var(--mds-color-text-primary,#1a1a1a)!important}html[data-theme=light] .login-page .input-icon,html[data-theme=light] .login-page .password-toggle{color:var(--mds-color-text-tertiary,rgba(0,0,0,.4))}html[data-theme=light] .login-page .password-toggle:hover{color:var(--mds-color-text-primary,#1a1a1a)}@media (max-width:480px){.login-page{padding:1rem}.login-container{max-width:100%}.login-card{padding:1.5rem}.login-form input.login-input,input.login-input{height:44px;padding-left:44px!important}.login-page .submit-button{height:44px}}