body{display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:linear-gradient(135deg,var(--bg) 0%,#e8ecf1 100%)}.auth-container{width:100%;max-width:420px}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.brand{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:700;color:var(--primary);margin-bottom:var(--space-xs);letter-spacing:-.5px}.tagline{color:var(--text-secondary);font-size:14px}.auth-tabs{display:flex;gap:4px;margin:var(--space-lg) var(--space-lg) var(--space-lg) var(--space-lg);padding:4px;background:var(--bg);border-radius:var(--radius-btn)}.auth-tab{flex:1;padding:var(--space-sm);background:transparent;border:none;border-radius:var(--radius-sm);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.auth-tab.active{background:var(--panel);color:var(--text-primary);box-shadow:var(--shadow-sm)}.auth-tab:hover:not(.active){color:var(--text-secondary)}.message-box{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-btn);margin-bottom:var(--space-lg);font-size:14px;font-weight:500}.message-box.error{background:var(--danger-light);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.message-box.success{background:var(--success-light);color:var(--success);border:1px solid rgba(16,185,129,.2)}.auth-form{padding:0 var(--space-lg) var(--space-lg) var(--space-lg);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.form-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-btn);font-family:Manrope,sans-serif;font-size:15px;color:var(--text-primary);background:var(--panel);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.btn-submit{width:100%;padding:var(--space-sm) var(--space-md);background:var(--primary);color:var(--text-inverse);border:none;border-radius:var(--radius-btn);font-family:Manrope,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-xs)}.btn-submit:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #1554a14d}.btn-submit:active{transform:translateY(0)}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-footer{margin-top:var(--space-md);text-align:center}.forgot-link{color:var(--primary);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--transition-fast)}.forgot-link:hover{color:var(--primary-hover)}.terms-text{color:var(--text-muted);font-size:13px;line-height:1.5}.beta-badge{display:none}.btn-submit.loading{position:relative;color:transparent}.btn-submit.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 480px){.auth-card{padding:var(--space-lg)}.brand{font-size:24px}}