.login-container{background:linear-gradient(135deg,#f5f7f9 0%,#e8eef3 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 4px 24px #0000001a}.login-header{text-align:center;margin-bottom:2rem}.login-logo{justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.login-logo img{max-width:200px;height:auto}.login-header p{color:#64748b;margin:0;font-size:.9rem}.login-method-toggle{background:#f1f5f9;border-radius:8px;margin-bottom:1.5rem;padding:4px;display:flex}.toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.toggle-btn:hover{color:#1e293b}.toggle-btn.active{color:#1e293b;background:#fff;box-shadow:0 1px 3px #0000001a}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#374151;font-size:.85rem;font-weight:500}.form-group input{color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#1a5a7a;outline:none;box-shadow:0 0 0 3px #1a5a7a1a}.form-group input::placeholder{color:#94a3b8}.form-group input:disabled{cursor:not-allowed;background:#f8fafc}.login-button{color:#fff;cursor:pointer;background:#b4244a;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s,transform .1s;display:flex}.login-button:hover:not(:disabled){background:#9a1e3f}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{cursor:not-allowed;background:#cbd5e1}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-message{border-radius:8px;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:1rem;font-size:.9rem;display:flex}.login-message svg{flex-shrink:0;width:20px;height:20px;margin-top:1px}.login-message.success{color:#166534;background:#dcfce7}.login-message.success svg{color:#22c55e}.login-message.error{color:#991b1b;background:#fee2e2}.login-message.error svg{color:#ef4444}.login-footer{text-align:center;border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.login-footer p{color:#94a3b8;margin:0;font-size:.8rem;line-height:1.5}@media (max-width:480px){.login-card{padding:1.5rem}.login-header h1{font-size:1.25rem}}