/* Custom modern styles for login page */
:root{
    --card-bg: rgba(255,255,255,0.75);
    --accent-1: #4e54c8;
    --accent-2: #8f94fb;
}
body {
    background: linear-gradient(135deg,var(--accent-1) 0%, var(--accent-2) 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
}
.container-custom {
    width:100%;
    max-width:980px;
    margin: 40px auto;
}
.glass-card{
    background: var(--card-bg);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    overflow: hidden;
}
.card-left{
    background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
    display:flex;
    align-items:center;
    justify-content:center;
    padding:32px;
}
.bg-login-image{
    background: linear-gradient(135deg, rgba(255,255,255,0.03), rgba(0,0,0,0.02));
    display:flex;
    align-items:center;
    justify-content:center;
}
.brand-logo{
    width:120px;
    height:120px;
    border-radius:50%;
    background:linear-gradient(135deg,#fff,#f1f1f1);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}
.brand-logo img{width:88px}
.login-title{font-weight:700;color:#1f1f40}
.login-sub{color:#555;margin-bottom:18px}
.input-with-icon .input-group-text{background:transparent;border-right:0}
.input-with-icon .form-control{border-left:0}
.btn-gradient{
    background: linear-gradient(90deg,#4e54c8,#8f94fb);
    border:0;color:#fff;border-radius:10px;padding:10px 16px;font-weight:600;
}
.small-link{color:#4e54c8;font-weight:600}
@media(max-width:767px){
    .container-custom{padding:20px}
}