*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#1a2a4f,#0f1a3a);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;display:flex;justify-content:center;align-items:center}.login-card{background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:45px 40px;border-radius:28px;width:100%;max-width:380px;box-shadow:0 20px 40px #0000004d}.logo{text-align:center;width:100%}.logo img{width:300px;height:auto;display:block;margin:0 auto}.login-card h2{color:#fff;text-align:center;margin-bottom:30px;font-weight:500;font-size:22px}.input-group{margin-bottom:20px}.input-group label{color:#ffffffd9;display:block;margin-bottom:8px;font-size:13px;font-weight:500}.input-group input{width:100%;padding:12px 15px;border:none;border-radius:14px;font-size:14px;background:#ffffffe6;transition:all .3s}.input-group input:focus{outline:none;background:#fff;box-shadow:0 0 0 3px #fff3}.password-wrapper{position:relative}.password-wrapper input{padding-right:42px}.toggle-password{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;color:#888;font-size:16px}.btn-login{width:100%;padding:12px;background:#fff;color:#1a2a4f;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;margin-top:10px;transition:all .3s}.btn-login:hover{transform:scale(1.02);background:#f0f0f0}.help-link{text-align:center;margin-top:25px}.help-link a{color:#ffffffa6;text-decoration:none;font-size:12px;display:inline-flex;align-items:center;gap:6px}.help-link a:hover{color:#fff}.error-message{background:#dc3545e6;color:#fff;padding:10px;border-radius:12px;margin-bottom:20px;font-size:13px;text-align:center}