.auth-page{height:100dvh;overflow:hidden}.auth-container{height:calc(100dvh - 54px);width:100%;display:flex;align-items:center;justify-content:center;padding:0;position:relative;z-index:1;background:var(--bg-primary);overflow:hidden}.auth-container:after,.auth-container:before{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}.auth-container:before{top:-20%;left:-10%;width:70%;height:70%;background:rgba(var(--primary-color-rgb),.08);filter:blur(120px)}.auth-container:after{top:20%;right:-10%;width:60%;height:70%;background:rgba(147,130,220,.08);filter:blur(120px)}.auth-glow-bottom{position:absolute;bottom:-20%;left:10%;width:60%;height:60%;border-radius:50%;background:rgba(96,165,250,.08);filter:blur(120px);pointer-events:none;z-index:0}.auth-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:40px 16px;position:relative;z-index:1}.auth-form-container{width:100%;max-width:440px;padding:0;animation:fadeInUp .4s both}.auth-form-container:has(.register-section){max-width:640px}.auth-header{text-align:center;margin-bottom:32px}@media(min-width:640px){.auth-header{margin-bottom:40px}}.auth-header .auth-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}@media(min-width:640px){.auth-header .auth-title{font-size:30px}}.auth-header .auth-subtitle{font-size:14px;font-weight:500;color:var(--text-secondary);margin:0}@media(min-width:640px){.auth-header .auth-subtitle{font-size:16px}}.auth-card{background:var(--bg-card,#ffffff);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.03);border:1px solid var(--border-color-light,rgba(0,0,0,.06));padding:20px}@media(min-width:640px){.auth-card{border-radius:24px;padding:40px}}.auth-form-wrapper{width:100%}.auth-form-wrapper .form-group{margin-bottom:20px}@media(min-width:640px){.auth-form-wrapper .form-group{margin-bottom:24px}}.auth-form-wrapper .form-group label{display:block;font-weight:600;color:var(--text-secondary);margin-bottom:6px;font-size:12px;margin-left:4px}@media(min-width:640px){.auth-form-wrapper .form-group label{font-size:14px}}.auth-form-wrapper .form-group input,.auth-form-wrapper .form-group select{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;font-size:14px;transition:all .15s ease;color:var(--text-primary)}@media(min-width:640px){.auth-form-wrapper .form-group input,.auth-form-wrapper .form-group select{padding:12px 14px}}.auth-form-wrapper .form-group input:focus,.auth-form-wrapper .form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15);background:var(--bg-card,#ffffff)}.auth-form-wrapper .form-group input::placeholder,.auth-form-wrapper .form-group select::placeholder{color:var(--text-placeholder)}.auth-form-wrapper .form-group input.error,.auth-form-wrapper .form-group select.error{border-color:rgba(var(--error-rgb),.25);background:rgba(var(--error-rgb),.03)}.auth-form-wrapper .form-group input:disabled,.auth-form-wrapper .form-group select:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.auth-form-wrapper .form-group select{cursor:pointer}.auth-form-wrapper .forgot-password-group{margin-top:-4px;text-align:left}.auth-form-wrapper .error-message{color:var(--error-color);font-size:12px;margin-top:4px;margin-left:4px;font-weight:500}.auth-footer{text-align:center;margin-top:24px;padding-top:0;border-top:none}.auth-footer .auth-footer-text{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0}.auth-footer .auth-footer-text .auth-link{color:var(--primary-color);text-decoration:none;font-weight:700;transition:color .15s ease}.auth-footer .auth-footer-text .auth-link:hover{color:var(--primary-color-dark)}.auth-submit-btn{width:100%;padding:13px 16px;background:var(--primary-color);border:1px solid var(--primary-color);border-radius:6px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;margin-top:8px;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.25)}.auth-submit-btn:hover:not(:disabled){background:var(--primary-color-dark);border-color:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--primary-color-rgb),.3)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-submit-btn .loading-spinner{width:16px;height:16px;display:inline-block}.auth-form .form-group,.auth-form-wrapper .form-group{margin-bottom:20px}.auth-form .form-group label,.auth-form-wrapper .form-group label{display:block;font-weight:600;color:var(--text-secondary);margin-bottom:8px;font-size:13px}.auth-form .form-group input,.auth-form .form-group select,.auth-form-wrapper .form-group input,.auth-form-wrapper .form-group select{width:100%;padding:12px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;font-size:14px;transition:all .15s ease;color:var(--text-primary)}.auth-form .form-group input:focus,.auth-form .form-group select:focus,.auth-form-wrapper .form-group input:focus,.auth-form-wrapper .form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15)}.auth-form .form-group input::placeholder,.auth-form .form-group select::placeholder,.auth-form-wrapper .form-group input::placeholder,.auth-form-wrapper .form-group select::placeholder{color:var(--text-placeholder)}.auth-form .form-group input:disabled,.auth-form .form-group select:disabled,.auth-form-wrapper .form-group input:disabled,.auth-form-wrapper .form-group select:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.auth-form .form-group select,.auth-form-wrapper .form-group select{cursor:pointer}.auth-form .forgot-password-group,.auth-form-wrapper .forgot-password-group{margin-top:-4px;text-align:left}.auth-form .error-message,.auth-form-wrapper .error-message{color:var(--error-color);font-size:12px;margin-top:6px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}to{transform:translateX(0)}}.email-input-container{display:flex;gap:10px;align-items:stretch}.email-input-container input{flex:1 1}.email-input-container input.valid{border-color:#10b981;background:#f0fdf4}.email-input-container input.invalid{border-color:#ef4444;background:#fef2f2}.email-input-container .send-code-btn{padding:16px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);white-space:nowrap;min-width:120px}.email-input-container .send-code-btn:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(9,161,255,.2)}.email-input-container .send-code-btn:active{transform:translateY(0)}.email-input-container .send-code-btn:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-tertiary);color:var(--text-secondary)}.email-input-container .send-code-btn.enabled{background:#10b981}.email-input-container .send-code-btn.enabled:hover{background:#059669}.email-input-container .send-code-btn.cooldown{background:#6b7280;color:#d1d5db;cursor:not-allowed}.email-input-container .send-code-btn.cooldown:hover{background:#6b7280;transform:none;box-shadow:none}.success-message{color:#10b981;font-size:13px;margin-top:7px;min-height:18px;animation:fadeIn .3s;font-weight:500}