*{margin:0;padding:0;box-sizing:border-box}.login-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;display:flex;align-items:stretch;position:relative;overflow:hidden}.login-container{display:flex;width:100%;min-height:100vh}.left-section{flex:1;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;position:relative;overflow:hidden}.left-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url(data:image/svg+xml,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ viewBox=\"0\ 0\ 1440\ 320\"><path\ fill=\"%23ffffff\"\ fill-opacity=\"0.1\"\ d=\"M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,165.3C1248,149,1344,107,1392,85.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"></path></svg>) no-repeat bottom;background-size:cover}.brand-content{position:relative;z-index:1;text-align:center;color:#fff}.brand-logo{max-width:300px;margin-bottom:40px;border-radius:20px;animation:fadeInDown 1s ease-in-out}.brand-content h1{font-size:48px;font-weight:700;margin-bottom:20px;animation:fadeInUp 1s ease-in-out .2s backwards}.brand-content p{font-size:20px;margin-bottom:40px;opacity:.9;animation:fadeInUp 1s ease-in-out .4s backwards}.floating-elements{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.floating-icon{position:absolute;color:rgba(255,255,255,.2);animation:float 6s ease-in-out infinite}.floating-icon:nth-child(1) {top:20%;left:10%;font-size:60px;animation-delay:0s}.floating-icon:nth-child(2) {top:60%;left:20%;font-size:80px;animation-delay:1s}.floating-icon:nth-child(3) {top:40%;left:70%;font-size:50px;animation-delay:2s}.floating-icon:nth-child(4) {top:70%;left:80%;font-size:70px;animation-delay:3s}.floating-icon:nth-child(5) {top:10%;left:60%;font-size:55px;animation-delay:1.5s}.right-section{flex:0 0 550px;background:#fff;display:flex;align-items:center;justify-content:center;padding:40px;box-shadow:-10px 0 30px rgba(0,0,0,.1);animation:slideInRight .8s ease-out}.auth-box{background:#fff;width:100%;max-width:450px;border:none!important;position:relative;z-index:1}.login-logo{max-width:180px;margin:0 auto}.auth-box h4{color:#667eea;font-weight:700;font-size:32px;text-align:center}.auth-box .form-label{color:#333;font-weight:600;font-size:14px}.auth-box .form-control{border:2px solid #e0e0e0;border-radius:10px;padding:12px 18px;font-size:15px;transition:all .3s ease}.auth-box .form-control:focus{border-color:#667eea;box-shadow:0 0 0 .2rem rgba(102,126,234,.25)}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:14px;font-weight:600;letter-spacing:.5px;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.4)}.form-check-input:checked{background-color:#667eea;border-color:#667eea}.text-primary{color:#667eea!important}.alert{border-radius:10px;margin-bottom:20px}@keyframes float {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-30px) rotate(10deg);
    }
}@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}@media (max-width:992px){.left-section{display:none}.right-section{flex:1}}