*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;display:flex;font-family:Arial,sans-serif;color:#0c1a2e}.login-brand{flex:1;background:#0b233e;display:flex;align-items:center;justify-content:center;padding:48px;text-align:center;color:white}.brand-title{font-size:clamp(40px,5vw,72px);font-weight:700;letter-spacing:-2px}.brand-title span{color:#398ef6}.brand-by{font-size:19px;color:#bacbdd;margin:4px 0 36px}.login-brand h2{font-size:20px;font-style:italic;margin:0 0 8px}.login-brand h2+p{font-size:17px;margin:0;color:#dbe7f5}.login-panel{width:460px;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center;padding:48px;box-shadow:-8px 0 48px #0002}.login-form{width:100%;max-width:340px}.login-form header{margin-bottom:40px}.login-form h1{font-size:28px;margin:0 0 6px;font-weight:700}.login-form header p{font-size:13px;color:#727b86;margin:0}.field{margin-bottom:16px}.field label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#525e6c;margin-bottom:6px}.input-wrap{position:relative}.input-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#94a0ae}.input-wrap input{width:100%;padding:11px 12px 11px 38px;border:1px solid #dedede;border-radius:8px;font:14px Arial,sans-serif;color:#222;background:#fff;outline:none}.input-wrap input:focus{border-color:#185fa5;box-shadow:0 0 0 3px #185fa51a}button{width:100%;padding:13px;background:#185fa5;color:#fff;border:0;border-radius:8px;font:15px Arial,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}button svg{width:17px;height:17px}button:hover{background:#0c447c}button:focus-visible{outline:3px solid #398ef6;outline-offset:3px}footer{text-align:center;font-size:11px;color:#737e8c;margin-top:40px;padding-top:20px;border-top:1px solid #f0f0f0}.login-error{padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:13px;margin-bottom:16px}@media(max-width:768px){.login-brand{display:none}.login-panel{width:100%;box-shadow:none;padding:32px 24px}}

.login-brand-content{width:100%;text-align:center;max-width:1100px}.login-logo{display:block;width:min(960px,100%);max-height:none;height:auto;object-fit:contain;margin:0 auto}