.login-page{background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-container{flex-direction:column;align-items:center;width:100%;max-width:480px;display:flex}.login-header{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.login-copyright{color:var(--text-primary);text-align:center;font-size:.85rem;font-weight:500}.login-body{flex-direction:column;width:100%;display:flex}.login-title{color:var(--primary-color);text-align:center;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.login-subtitle{color:var(--text-primary);text-align:center;margin-bottom:2.5rem;font-size:1rem;font-weight:600}.login-form{flex-direction:column;gap:1.5rem;width:100%;display:flex}.input-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem;font-weight:700}.input-field{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background-color:#f8f9fa;border:none;padding:1rem 1.25rem;font-size:1rem;transition:box-shadow .2s}.input-field:focus{outline:none;box-shadow:0 0 0 2px #8c000033}.input-field::placeholder{color:#9ca3af;font-weight:500}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper .input-field{padding-right:3rem}.pw-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:1.25rem}.pw-toggle:hover{color:var(--text-primary)}.login-btn{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;margin-top:1rem;padding:1.15rem;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #8c000040}.login-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #8c00004d}.login-btn.loading{opacity:.85;cursor:wait;transform:none}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:480px){.login-page{align-items:flex-start;padding:1.5rem 1rem}.login-header{margin-top:2rem}}.auth-tabs{border-radius:var(--radius-md);background:#f3f4f6;gap:4px;width:100%;margin-bottom:2rem;padding:4px;display:flex}.auth-tab{border-radius:calc(var(--radius-md) - 2px);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:.65rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s}.auth-tab:hover:not(.active){color:var(--text-primary);background:#fff9}.auth-tab.active{color:var(--primary-color);background:#fff;box-shadow:0 1px 4px #0000001a}.auth-message{border-radius:var(--radius-sm);width:100%;margin-bottom:1.25rem;padding:.85rem 1.1rem;font-size:.9rem;font-weight:500;animation:.25s fadeIn}.auth-message--error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.auth-message--success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}