.login-form-section,.sidebar-content{box-shadow:0 2px 10px rgba(0,0,0,.05)}
.login-form-section{background:#fff;border-radius:8px;padding:30px;margin-bottom:30px}
.login-form-section h1{font-size:24px;font-weight:700;margin-bottom:25px;color:#212529}
.form-floating{margin-bottom:16px}
.form-control:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.15)}
.forgot-password{display:block;text-align:right;font-size:14px;color:var(--cp-dark);text-decoration:none}
.forgot-password:hover{text-decoration:underline}
.remember-me{margin-bottom:20px}
.btn-primary{padding:10px 20px;font-weight:500}
.login-divider{position:relative;text-align:center;margin:25px 0}
.login-divider:before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background-color:#dee2e6}
.login-divider span{position:relative;padding:0 15px;background-color:#f5f5f5;color:#6c757d;font-size:14px}
.social-login-btn{display:flex;align-items:center;justify-content:center;border:1px solid #dee2e6;border-radius:5px;padding:10px;margin-bottom:15px;text-decoration:none;color:#212529;transition:.2s}
.social-login-btn:hover{background-color:#f8f9fa}
.social-login-btn img{margin-right:10px}
.social-login-btn.facebook:hover{background-color:#f0f2ff;border-color:#3b5998}
.social-login-btn.google:hover{background-color:#fef1f0;border-color:#dd4b39}
.social-login-btn.linkedin:hover{background-color:#e8f3ff;border-color:#0077b5}
.sidebar-content{background-color:#fff;border-radius:8px;padding:25px}
.sidebar-content h3{font-size:18px;margin-bottom:15px}
.sidebar-content p{color:#6c757d;font-size:14px;line-height:1.6}
.signup-banner{background:linear-gradient(to right,red,purple,#1d1160);color:#fff;border-radius:8px;padding:25px;margin-top:20px}
.signup-banner h3{font-size:18px;margin-bottom:10px;color:#fff}
.signup-banner p{color:rgba(255,255,255,.9);margin-bottom:15px}
.btn-outline-light{border-color:rgba(255,255,255,.8)}
.btn-outline-light:hover{background-color:rgba(255,255,255,.1)}
@media (max-width:767.98px){
.sidebar{margin-top:30px
}
.main-content{padding:20px 0}}
.btn-primary{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    /*width: 100%;*/
    background: var(--cp-dark);
    color: white;
    padding: 0.875rem 1.5rem;
    border-radius: 6px;
    font-weight: 700;
    font-size: 1rem;
    transition: var(--transition-smooth);
    border: none;
}