body{
    min-height:100vh;
    background:radial-gradient(circle at top,#1f2933,#020617);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-family:Segoe UI;
}
.login-card{
    width:380px;
    background:rgba(2,6,23,.9);
    backdrop-filter:blur(14px);
    padding:30px;
    border-radius:18px;
    box-shadow:0 0 40px rgba(0,245,255,.18);
}
.login-card h3{
    text-align:center;
    margin-bottom:20px;
    background:linear-gradient(90deg,#00f5ff,#38bdf8);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.form-control{
    background:#020617;
    border:none;
    border-radius:10px;
    color:#fff;
    padding:12px;
}
.form-control::placeholder{color:#94a3b8;}
.form-control:focus{
    background:#020617;
    box-shadow:0 0 12px rgba(0,245,255,.6);
}
.btn-primary{
    background:linear-gradient(90deg,#00f5ff,#0ea5e9);
    border:none;
    border-radius:10px;
    padding:12px;
    font-weight:600;
}
.btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 0 20px rgba(0,245,255,.7);
}
.btn-success{
    border-radius:10px;
    padding:12px;
}
.footer-text{
    text-align:center;
    margin-top:15px;
    font-size:13px;
    color:#94a3b8;
}
.whatsapp{
    position:fixed;
    bottom:20px;
    right:20px;
}