.login-page{background:radial-gradient(circle at top,#0a84ff33,#0000 60%),linear-gradient(135deg,#02101f,#071d35,#031321);justify-content:center;align-items:center;min-height:100vh;padding:100px 30px 30px;display:flex}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:25px;width:100%;max-width:470px;padding:45px;box-shadow:0 0 35px #00d4ff2e}.login-header{text-align:center;margin-bottom:40px}.login-header h1{color:#00d4ff;font-size:2.4rem}.login-header p{color:#d8e6ff;margin-top:10px}.login-form{flex-direction:column;gap:22px;display:flex}.input-group{position:relative}.input-group input{color:#fff;box-sizing:border-box;background:#071d35;border:1px solid #ffffff14;border-radius:14px;outline:none;width:100%;padding:16px 50px;transition:all .3s}.input-group input:focus{border-color:#00d4ff;box-shadow:0 0 18px #00d4ff59}.input-icon{color:#00d4ff;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.eye-btn{color:#00d4ff;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.login-options{color:#d8e6ff;justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.login-options a{color:#00d4ff;text-decoration:none}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0a84ff,#00d4ff);border:none;border-radius:50px;padding:16px;font-size:1rem;transition:all .3s}.login-btn:hover{transform:translateY(-4px);box-shadow:0 0 30px #00d4ff73}.secure-note{color:#8fd8ff;justify-content:center;align-items:center;gap:10px;margin-top:30px;font-size:.9rem;display:flex}.register-link{text-align:center;color:#d8e6ff;margin-top:25px}.register-link a{color:#00d4ff;font-weight:600;text-decoration:none}@media (max-width:500px){.login-card{padding:30px 22px}}