:root{--primary-color:#0b1e5a;--primary-hover-color:#33478b}body,html{height:100%;margin:0;padding:0;display:flex;flex-direction:column}.page-wrapper{flex:1 0 auto;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box}.login-wrapper{display:flex;width:100%;max-width:900px;height:600px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.1)}.login-left,.login-right{flex:1;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:360px;padding:1.5rem}.login-title{font-weight:700;margin-bottom:1rem;text-align:center;color:var(--primary-color)}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem rgba(11,30,90,.25)}.btn-login{background-color:var(--primary-color);color:#fff}.btn-login:hover{background-color:var(--primary-hover-color)}.forgot-link{font-size:.9rem;text-decoration:underline;color:var(--primary-color)}.forgot-link:hover{text-decoration:underline;color:var(--primary-hover-color)}.image-container{width:100%;height:100%}.image-container img{height:100%}@media (max-width:768px){.page-wrapper{padding:0}.login-wrapper{position:relative;width:100%;margin-top:-50px;height:100vh;justify-content:center;align-items:center;overflow:hidden;border-radius:0}.login-right{position:absolute;inset:0;z-index:0}.login-right .image-container{width:100%;height:100%}.login-right .image-container img{width:100%;height:100%;object-fit:cover}.login-card{position:relative;z-index:1;max-width:350px;width:100%;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.25)}}@media (max-width:410px){.btn-toggle span{display:none}.btn-toggle i{display:inline-block!important}}.btn-toggle i{display:none}