main.container{height:auto}
.login form{background-color:var(--bg-dark-two)}
button{margin-bottom:20px}
.google-btn-wrapper{display: flex;justify-content: center;padding: 20px}
.login-google-btn{
    width:100%;align-self:stretch;display:flex;align-items:center;justify-content:center;gap:12px;
    padding:14px 20px;background:#fff;border:2px solid rgba(255,255,255,0.15);
    border-radius:12px;font-size:16px;font-weight:500;color:#333;cursor:pointer;
    transition:all .2s;margin-bottom:0;
}
.login-google-btn:hover{
    border-color:#4285F4;background:#f8faff;
    transform:translateY(-2px);box-shadow:0 4px 12px rgba(66,133,244,0.2);
}
.login-google-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;}

.login-divider{
    display:flex;align-items:center;gap:12px;
    margin:20px 0;color:var(--text-secondary);font-size:13px;
}
.login-divider::before,.login-divider::after{
    content:'';flex:1;height:1px;background:rgba(255,255,255,0.1);
}
.remember{display:flex;gap:10px;transition:color .3s ease}
.remember.off{color:var(--text-secondary)}
.remember:not(.off){color:var(--success,#10b981)}
.remember:not(.off) svg{stroke:var(--success,#10b981)}
@media (min-width:576px){}
@media (min-width:768px){main.container{width:50%;margin:100px auto auto}}
@media (min-width:1024px){main.container{margin:0 auto auto}}
@media (min-width:1360px){main.container{margin:20px auto auto;width:40%}}
@media (min-width:1600px){main.container{margin:100px auto auto;width:30%}}