:root{--bg:#f5f7fb;--accent:#2b6fb8}
body,html{height:100%;margin:0;font-family:Segoe UI,Arial,Helvetica,sans-serif;background:var(--bg)}
.split{height:100%;position:fixed;overflow:auto}
.left{width:50%;left:0;background:linear-gradient(180deg,#fff,#eef6ff)}
.right{width:50%;right:0}
/* Left side decorative background */
.left{background-image: url('/images/login-right.svg');background-repeat:no-repeat;background-size:cover;background-position:center}
.centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.centered img{max-width:70%;height:auto}
.login-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;max-width:420px;padding:30px;background:rgba(255,255,255,0.95);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.12)}
.login-box h2{margin:0 0 20px;color:var(--accent)}
.form-group{margin-bottom:15px}
.form-group label{display:block;margin-bottom:6px;font-weight:600}
.form-group input{width:100%;padding:10px;border:1px solid #d1dbe8;border-radius:4px}
.form-group button{width:100%;padding:10px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-weight:600}
.field-validation{color:#d9534f;font-size:0.9em}
.validation-summary{color:#d9534f;margin-top:10px}
@media (max-width:800px){.left,.right{position:relative;width:100%}.left{height:40vh}}