*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:#f5f5f5;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-container{display:flex;width:100%;height:100vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.login-form-section{width:55%;padding:4rem;background-color:#ffffffd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center}.form-header{margin-bottom:2rem;text-align:center}.form-header h2{color:#ad0000;font-size:2rem;font-weight:600;margin-bottom:.5rem}.form-header p{color:#666;font-size:1rem}.form-group{margin-bottom:1.5rem}.form-control{width:100%;padding:.75rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s;background-color:#ffffffe6}.form-control:focus{outline:none;border-color:#ad0000;box-shadow:0 0 0 2px #ad000033}.is-invalid{border-color:#f44}.invalid-feedback{color:#f44;font-size:.875rem;margin-top:.25rem;display:block}.btn-login{width:100%;padding:.75rem;background-color:#ad0000e6;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}.btn-login:hover{background-color:#8f0000}.login-brand-section{width:45%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#fff}.login-brand-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100vh;background-image:url(/img/IMG_5006.jpeg);background-size:cover;background-position:center;z-index:-2}.login-brand-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ad0000b3;z-index:-1}.login-brand-section2{display:none}.brand-logo{max-width:70%;height:auto;position:relative;z-index:1}.brand-text{margin-top:1rem;font-size:1.25rem;text-align:center;position:relative;z-index:1}@media (max-width: 768px){.login-container{flex-direction:column}.login-form-section{width:100%;padding:2rem;order:2}.login-brand-section{display:none}.login-brand-section2{display:flex;width:100%;position:relative;align-items:center;justify-content:center;padding:1.5rem;order:1}.login-brand-section2:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/img/IMG_5006.jpeg);background-size:cover;background-position:center;opacity:.6;z-index:-2}.login-brand-section2:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ad0000b3;z-index:-1}.login-brand-section2 .brand-logo{max-width:50%;position:relative;z-index:1}}