:root{--light-blue:#009dff;--light-blue-secondary:#22d3ee;--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f1f3;--text-primary:#191919;--text-secondary:#6b7280;--border-color:#e5e7eb;--header-bg:rgba(255,255,255,0.8);--header-bg-scrolled:rgba(255,255,255,0.95);--shadow:rgba(0,0,0,0.05);--modal-overlay:rgba(0,0,0,0.35);--primary-color:#009dff;--primary-color-light:#22d3ee;--primary-color-dark:#008afb;--primary-color-rgb:9,161,255;--primary-rgb:9,161,255;--secondary-color:#22d3ee;--secondary-rgb:34,211,238;--bg-input:#ffffff;--bg-disabled:#f3f4f6;--text-placeholder:#9ca3af;--bg-secondary-hover:#e5e7eb;--border-color-hover:#d1d5db;--bg-card:#ffffff;--text-disabled:#9ca3af;--bg-color:#f8f9fa;--card-bg:#ffffff;--card-bg-rgb:255,255,255;--bg-hover:#f3f4f6;--success-color:#10b981;--success-hover:#059669;--success-rgb:16,185,129;--warning-color:#f59e0b;--warning-hover:#d97706;--warning-rgb:245,158,11;--primary-hover:#0284c7;--error-color:#ef4444;--error-rgb:239,68,68}[data-theme=dark]{--bg-primary:#000000;--bg-secondary:#12182e;--bg-tertiary:#000000;--text-primary:#ffffff;--text-secondary:#a8a8a8;--border-color:#000000;--header-bg:rgba(0,0,0,0.8);--header-bg-scrolled:rgba(15,15,35,0.95);--shadow:rgba(0,0,0,0.3);--modal-overlay:rgba(0,0,0,0.35);--primary-color:#009dff;--primary-color-light:#22d3ee;--primary-color-dark:#008afb;--primary-color-rgb:9,161,255;--primary-rgb:9,161,255;--secondary-color:#22d3ee;--secondary-rgb:34,211,238;--bg-card:#12182e;--card-bg-rgb:18,24,46;--bg-input:#12182e;--bg-disabled:#000000;--text-disabled:#a8a8a8;--text-placeholder:#a8a8a8;--bg-secondary-hover:#000000;--border-color-hover:#000000;--bg-color:#000000;--card-bg:#12182e;--bg-hover:#000000;--success-color:#10b981;--success-hover:#059669;--success-rgb:16,185,129;--warning-color:#f59e0b;--warning-hover:#d97706;--warning-rgb:245,158,11;--primary-hover:#0284c7;--error-color:#ef4444;--error-rgb:239,68,68}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}@media(max-width:768px){body{font-size:15px}}@media(max-width:480px){body{font-size:14px}}@media(max-width:360px){body{font-size:13px}}a{text-decoration:none}.dark-blue-btn{background:#008afb;color:#fff;border-radius:10px;padding:10px 20px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.dark-blue-btn:hover,.light-blue-btn{background:#009dff}.light-blue-btn{color:#fff;border-radius:10px;padding:10px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.light-blue-btn:hover{background:#008afb}.border-blue-btn{background:rgba(0,0,0,0);color:#009dff;border:1px solid #009dff;border-radius:10px;padding:10px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.border-blue-btn:hover{background:#009dff;color:#fff}.container{max-width:1920px;width:100%;margin:0 auto;padding:0 20px}.auth-page{min-height:100vh}.auth-container{padding:0;position:relative;z-index:1}.auth-container,.auth-content{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.auth-content{padding:40px 16px}.auth-form-container{width:100%;max-width:420px;padding:0;animation:fadeInUp .4s both}.auth-header{text-align:left;margin-bottom:20px}.auth-header .brand{display:flex;align-items:center;gap:10px;margin-bottom:12px}.auth-header .brand-logo{height:28px;width:auto;border-radius:6px}.auth-header .brand-name{font-weight:700;font-size:18px;color:#111827}.auth-header .auth-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 6px}.auth-header .auth-subtitle{font-size:14px;color:#6b7280;margin:0}.auth-form-wrapper{width:100%}.auth-form-wrapper .form-group{margin-bottom:16px}.auth-form-wrapper .form-group label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:13px}.auth-form-wrapper .form-group input,.auth-form-wrapper .form-group select{width:100%;padding:12px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .15s ease;color:#111827}.auth-form-wrapper .form-group input:focus,.auth-form-wrapper .form-group select:focus{outline:none;border-color:#009dff;box-shadow:0 0 0 3px rgba(124,58,237,.15)}.auth-form-wrapper .form-group input::placeholder,.auth-form-wrapper .form-group select::placeholder{color:#9ca3af}.auth-form-wrapper .form-group input:disabled,.auth-form-wrapper .form-group select:disabled{background:#f9fafb;color:#9ca3af;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:#ef4444;font-size:12px;margin-top:6px}.auth-footer{text-align:center;margin-top:20px}.auth-footer .auth-footer-text{color:#6b7280;font-size:13px;margin:0}.auth-footer .auth-footer-text .auth-link{color:#009dff;text-decoration:none;font-weight:600;transition:color .15s ease}.auth-footer .auth-footer-text .auth-link:hover{color:#008afb}.auth-submit-btn{width:100%;padding:12px 16px;background:#009dff;border:1px solid #009dff;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;margin-top:8px}.auth-submit-btn:hover:not(:disabled){background:#008afb;border-color:#008afb}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-submit-btn .loading-spinner{display:inline-flex;align-items:center;gap:8px}.auth-submit-btn .loading-spinner:before{content:"";width:16px;height:16px;border:2px solid rgba(0,0,0,0);border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}.auth-form .form-group,.auth-form-wrapper .form-group{margin-bottom:16px}.auth-form .form-group label,.auth-form-wrapper .form-group label{display:block;font-weight:600;color:#374151;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:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .15s ease;color:#111827}.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:#009dff;box-shadow:0 0 0 3px rgba(124,58,237,.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:#9ca3af}.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:#f9fafb;color:#9ca3af;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:#ef4444;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:#009dff;color:#fff;border:none;border-radius:12px;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:#008afb;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}