body{
    margin:0;
    padding:0;
    font-family:'Segoe UI',sans-serif;
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    background:
    linear-gradient(
    135deg,
    #071a33,
    #0b1f3a,
    #17375e
    );
}

.auth-card{
    width:470px;
    background:#ffffff;
    border-radius:30px;
    padding:35px 40px;
    box-shadow:
    0 20px 50px rgba(0,0,0,0.25);
}

.logo{
    text-align:center;
    margin-bottom:20px;
}

.logo img{
    width:95px;
    height:auto;
    margin-bottom:8px;
}

.logo h2{
    color:#0b1f3a;
    font-size:34px;
    font-weight:700;
    margin:0;
}

.logo p{
    color:#666;
    font-size:15px;
    margin-top:5px;
}

.page-title{
    text-align:center;
    color:#0b1f3a;
    font-size:28px;
    font-weight:700;
    margin-bottom:25px;
}

.form-label{
    font-size:14px;
    font-weight:600;
    color:#2d2d2d;
    margin-bottom:6px;
}

.form-control{
    height:52px;
    border-radius:14px;
    border:1px solid #d9d9d9;
    padding:0 16px;
    font-size:15px;
    transition:0.3s;
}

.form-control:focus{
    border-color:#17375e;
    box-shadow:
    0 0 0 4px
    rgba(23,55,94,0.1);
}

.mb-3{
    margin-bottom:18px !important;
}

.btn-theme{
    width:100%;
    height:54px;
    border:none;
    border-radius:14px;
    background:
    linear-gradient(
    135deg,
    #0b1f3a,
    #17375e
    );
    color:white;
    font-size:17px;
    font-weight:600;
    transition:0.3s;
}

.btn-theme:hover{
    transform:translateY(-2px);
    background:
    linear-gradient(
    135deg,
    #17375e,
    #214d7d
    );
    box-shadow:
    0 10px 20px rgba(0,0,0,0.15);
}

.bottom-link{
    text-align:center;
    margin-top:20px;
    font-size:15px;
}

.bottom-link a{
    text-decoration:none;
    color:#0b1f3a;
    font-weight:700;
}

.footer-text{
    text-align:center;
    margin-top:20px;
    color:#777;
    font-size:13px;
}

.footer-text span{
    color:#0b1f3a;
    font-weight:bold;
}

.alert{
    border-radius:12px;
    text-align:center;
}

@media(max-width:576px){

    body{
        padding:20px;
    }

    .auth-card{
        width:100%;
        padding:30px 25px;
        border-radius:22px;
    }

    .logo h2{
        font-size:28px;
    }

    .page-title{
        font-size:24px;
    }
}