body,html{height:100%;margin:0;font-family:Inter,sans-serif;overflow:hidden}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;position:relative}.image-left{height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#f8f9fc}.image-left img{max-width:100%;height:auto}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000008f;z-index:1}.login-section{flex:0 0 35%;padding:40px;display:flex;align-items:center;justify-content:center;position:relative}.login-content{width:100%;max-width:360px;z-index:2}.logo{max-width:300px}.color-overlay-bottom{position:absolute;bottom:0;left:0;width:100%;height:25px;display:flex;z-index:10}.color-overlay-top{position:absolute;top:0;left:0;width:100%;height:25px;display:flex;z-index:10}.color-strip{flex:1;height:100%}.password-toggle{float:right}.btn-primary{background:linear-gradient(135deg,#003586,#007bff);border:none;border-radius:10px;padding:12px;color:#fff;font-weight:600;transition:.3s;cursor:pointer;width:100%}.card{margin:0 auto;max-width:1600px}.login-section{padding:2rem;display:flex;flex-direction:column;justify-content:center;min-height:100%}.logo{max-width:85%;margin:0 auto 1.5rem}@media (max-width: 992px){.login-wrapper{flex-direction:column;height:auto;min-height:100vh}.image-left{padding:1rem;max-height:200px}.login-section{padding:1.5rem}}@media (max-width: 576px){.image-left{flex:0 0 40%;height:40vh}.login-section{flex:0 0 60%}.logo{max-width:180px}}