/* ==========================================
AUTH PAGE
========================================== */

.auth-section{
min-height:100vh;
display:flex;
align-items:center;
padding:140px 0 80px;
}

.auth-card{
background:rgba(255,255,255,.85);
backdrop-filter:blur(20px);
border:1px solid rgba(37,99,235,.12);
border-radius:30px;
padding:40px;
box-shadow:0 20px 60px rgba(15,23,42,.12);
transition:.35s;
}

.auth-card:hover{
transform:translateY(-6px);
box-shadow:0 30px 70px rgba(37,99,235,.15);
}

#googleLogin{
    position:relative;
    z-index:9999;
    pointer-events:auto;
}

.auth-logo{
width:90px;
height:90px;
margin:auto;
display:flex;
align-items:center;
justify-content:center;
border-radius:25px;
font-size:38px;
color:#fff;
background:linear-gradient(135deg,#2563eb,#0ea5e9);
box-shadow:0 20px 40px rgba(37,99,235,.25);
}

.auth-card .form-label{
font-weight:600;
margin-bottom:8px;
color:#0f172a;
}

.auth-card .input-group-text{
background:#f8fafc;
border:1px solid #cbd5e1;
color:#2563eb;
}

.auth-card .form-control{
height:52px;
}

.auth-card .btn-primary{
height:54px;
font-size:16px;
font-weight:600;
border-radius:14px;
}

.form-check-input{
cursor:pointer;
}

.form-check-label{
cursor:pointer;
font-size:14px;
}

.auth-card a{
color:#2563eb;
font-weight:600;
text-decoration:none;
}

.auth-card a:hover{
text-decoration:underline;
}

@media(max-width:767px){

.auth-section{
padding:120px 0 50px;
}

.auth-card{
padding:25px;
border-radius:22px;
}

.auth-logo{
width:75px;
height:75px;
font-size:30px;
}

}

@media(max-width:480px){

.auth-card{
padding:20px;
}

.auth-card h2{
font-size:28px;
}

.auth-card .btn-primary{
width:100%;
}

}
.google-btn{

    width:100%;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    background:white;
    color:#333;

    border:1px solid #ddd;
    border-radius:12px;

    font-size:15px;
    font-weight:600;

    cursor:pointer;

    transition:.2s;

}


.google-btn img{

    width:20px;
    height:20px;

}


.google-btn:hover{

    background:#f5f5f5;
    transform:translateY(-1px);

}