.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f9fafb}.login-card{width:100%;max-width:420px;padding:40px;background:#ffffff;border-radius:18px;box-shadow:0 4px 20px rgba(0,0,0,.04)}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:24px;font-weight:700;color:#111827;margin-bottom:8px}.login-header p{color:#6b7280;font-size:14px}.login-form{gap:20px}.input-group,.login-form{display:flex;flex-direction:column}.input-group{gap:8px}.input-group label{font-size:14px;font-weight:500;color:#374151}.input-group input{padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .2s ease}.input-group input:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px rgba(0,0,0,.05)}.primary-button{padding:14px;background-color:#000;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.primary-button:hover{background-color:#1f2937;transform:translateY(-1px)}.primary-button:disabled{background-color:#9ca3af;cursor:not-allowed}.error-message{font-size:13px;color:#ef4444;text-align:center}