.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem 1rem}.login-card{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1);width:100%;max-width:420px;border:1px solid #e5e7eb}.login-card h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#1f2937;text-align:center}.login-subtitle{color:#6b7280;text-align:center;margin-bottom:2rem;font-size:1rem}.success-message{padding:1rem;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-radius:8px;font-size:.875rem;text-align:center;margin-bottom:1.5rem;border:1px solid #34d399}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-weight:600;color:#374151;font-size:.875rem}.form-group input{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s ease;background:#fff}.form-group input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1)}.form-group input::placeholder{color:#9ca3af}.login-button{padding:.875rem 1.5rem;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(124,58,237,.3)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-links{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.link-button{background:none;border:none;color:#7c3aed;text-decoration:none;font-size:.875rem;cursor:pointer;padding:.5rem 0;margin:.25rem 0;display:block;width:100%;border-radius:4px;transition:background-color .2s ease}.link-button:hover{background-color:#f3f4f6;text-decoration:underline}.resend-link{color:#059669;font-weight:500}.register-link{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.register-link p{color:#6b7280;margin:0}.register-link a{color:#7c3aed;text-decoration:none;font-weight:600}.register-link a:hover{text-decoration:underline}.error-message{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:8px;font-size:.875rem;font-weight:500;text-align:center;margin-bottom:1rem}@media (max-width:640px){.login-container{padding:1rem}.login-card{padding:2rem}.login-card h1{font-size:1.5rem}}