*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#f4f6fa;color:#17233d;font-size:14px}

/* ===== Redesigned login page ===== */
.login-page{margin:0;min-height:100vh;background:#b3dfff;color:#101b2d;overflow-x:hidden}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(500px,.92fr);align-items:stretch}
.login-intro{display:flex;justify-content:center;padding:70px 50px 45px 7.5vw}
.login-intro-inner{width:min(780px,100%);display:flex;flex-direction:column}
.satu-data-logo{width:205px;height:auto;display:block;object-fit:cover;object-position:center;border-radius:0;margin:0 0 25px 0}
.login-description{font-size:25px;line-height:1.62;margin:0;max-width:850px;letter-spacing:-.2px;color:#101820}
.login-illustration-wrap{flex:1;display:flex;align-items:center;justify-content:center;margin-top:18px;min-height:430px}
.login-illustration{width:min(650px,92%);height:auto;display:block;object-fit:cover;object-position:center}
.login-panel{display:flex;align-items:center;justify-content:center;padding:40px 7vw 40px 30px}
.login-box{width:min(565px,100%);background:#fff;border-radius:12px;padding:60px 48px 52px;box-shadow:0 7px 24px rgba(31,71,105,.06)}
.login-box-head h1{font-family:Georgia,"Times New Roman",serif;font-size:30px;line-height:1.2;margin:0 0 10px;color:#303030;font-weight:700}
.login-box-head p{font-size:14px;line-height:1.6;color:#6e7885;margin:0 0 30px}
.login-form{display:flex;flex-direction:column;gap:19px}
.login-field label{display:block;font-size:13px;font-weight:700;color:#3f4d5c;margin-bottom:8px}
.login-input{width:100%;height:48px;border:1px solid #cfd6df;border-radius:7px;background:#fff;color:#17243a;padding:0 14px;font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}
.login-input::placeholder{color:#9aa5b1}
.login-input:focus{border-color:#2078d1;box-shadow:0 0 0 3px rgba(32,120,209,.12)}
.password-wrap{position:relative}
.password-wrap .login-input{padding-right:78px}
.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#176fc2;font-size:12px;font-weight:700;cursor:pointer;padding:7px}
.login-submit{height:48px;border:0;border-radius:7px;background:#237bcf;color:#fff;font-size:15px;font-weight:700;cursor:pointer;margin-top:4px;box-shadow:0 3px 8px rgba(35,123,207,.18);transition:background .15s,transform .15s}
.login-submit:hover{background:#176dbd}.login-submit:active{transform:translateY(1px)}
.login-page .error{background:#fff1f1;border:1px solid #f1caca;color:#b42318;border-radius:7px;padding:11px 13px;font-size:13px;margin:-5px 0 18px}
.login-captcha{margin-bottom:8px}
.login-captcha img{display:block;border-radius:7px;border:1px solid #cfd6df}
.login-captcha-hint{margin:0 0 8px;font-size:13px;color:#6e7885;line-height:1.5}
.login-register{margin:22px 0 0;text-align:center;font-size:14px;color:#6e7885}
.login-register a{color:#176fc2;font-weight:700;text-decoration:none}
.login-register a:hover{text-decoration:underline}
.login-hint{display:block;margin-top:6px;font-size:12px;line-height:1.4;min-height:16px}
select.login-input{appearance:auto;cursor:pointer;padding-right:36px}
input[type=file].login-input{height:auto;padding:11px 14px;line-height:1.4}
.login-preview{margin-top:10px}
.login-preview img{max-width:100%;max-height:140px;border-radius:7px;border:1px solid #cfd6df;display:block}
.register-page .login-intro{position:sticky;top:0;height:100vh;align-self:start}
.register-page .login-panel{align-items:flex-start;padding-top:36px;padding-bottom:48px}
.register-page .login-box{padding:42px 40px 36px;margin:0 0 20px}
@media(max-width:1250px){.login-shell{grid-template-columns:1fr 500px}.login-intro{padding-left:45px}.login-description{font-size:21px}.login-illustration{width:min(570px,100%)}}
@media(max-width:900px){.login-shell{grid-template-columns:1fr;min-height:auto}.login-intro{padding:40px 28px 10px}.login-intro-inner{align-items:center;text-align:center}.satu-data-logo{width:190px}.login-description{font-size:19px;max-width:680px}.login-illustration-wrap{min-height:280px;margin-top:5px}.login-illustration{width:min(510px,100%)}.login-panel{padding:20px 28px 50px}.login-box{max-width:560px;padding:42px 34px}.register-page .login-intro{position:static;height:auto}}
@media(max-width:520px){.login-intro{padding:30px 20px 0}.satu-data-logo{width:170px}.login-description{font-size:16px;line-height:1.5}.login-illustration-wrap{min-height:210px}.login-panel{padding:10px 16px 35px}.login-box{padding:32px 22px;border-radius:10px}.login-box-head h1{font-size:25px}.login-box-head p{font-size:13px}.login-input,.login-submit{height:46px}}