.login-page{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-card{z-index:1;background:#f0fdfa;border:1px solid #0d948826;border-radius:.75rem;width:100%;max-width:450px;padding:3rem;box-shadow:0 25px 50px -12px #0000004d}.login-header{text-align:center;margin-bottom:2.5rem}.login-header h1{color:#0d9488;background:linear-gradient(135deg,#0d9488,#0f766e);-webkit-text-fill-color:transparent;letter-spacing:-.05em;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.login-header p{color:#64748b;font-size:1rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#334155;font-size:.875rem;font-weight:600}.form-group input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.form-group input:focus{background:#fff;border-color:#0d9488;outline:none;box-shadow:0 0 0 4px #0d94881a}.error-message{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fee2e2;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem}.login-button{color:#fff;width:100%;height:var(--btn-height);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#0d9488,#115e59);border:none;border-radius:.75rem;justify-content:center;align-items:center;margin-top:1rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #0d948866}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;margin-top:2.5rem}.login-footer p{color:#94a3b8;font-size:.75rem}