/* Auth pages specific styles (login / register) */
body.auth-page{
    background:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d);
    background-size:cover;
    min-height:100vh;
    display:flex;
    align-items:center
}

.auth-page .card{
    border-radius:20px;
    background:rgba(255,255,255,0.92);
    backdrop-filter:blur(10px);
    box-shadow:0 15px 35px rgba(0,0,0,0.3)
}

.auth-page .logo-icon{
    font-size:3rem
}

.auth-page .form-control{
    border-radius:10px;
    padding:12px
}

.btn-register{
    background:linear-gradient(to right,#28a745,#218838);
    border:none;
    border-radius:10px;
    padding:12px;
    font-weight:600;
    color:#fff
}

.btn-login{
    background:linear-gradient(to right,#1266f1,#0d47a1);
    border:none;
    border-radius:12px;
    padding:14px;
    font-weight:600;
    color:#fff
}

.login-link,.register-link{
    font-weight:600
}

@media (max-width: 575.98px){
    body.auth-page{
        align-items:flex-start;
        padding:1rem 0;
    }

    .auth-page .container{
        padding-left:1rem;
        padding-right:1rem;
    }

    .auth-page .card{
        border-radius:16px;
        box-shadow:0 12px 24px rgba(0,0,0,0.22)
    }

    .auth-page .logo-icon{
        font-size:2.5rem
    }

    .btn-login,.btn-register{
        padding:0.95rem 1rem
    }
}