:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e9effb;background:#080f1e;font-synthesis:none}
*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(350px,1fr) minmax(450px,1fr)}
.brand-panel{padding:48px clamp(38px,7vw,112px);background:radial-gradient(circle at 75% 72%,rgba(59,90,154,.23),transparent 48%),linear-gradient(145deg,#0b1630,#101b32 62%,#0a1426);display:flex;flex-direction:column;justify-content:space-between;gap:70px}
.brand-name,.mobile-brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:820;letter-spacing:.085em;color:#fff}
.brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#192033;background:linear-gradient(140deg,#fde68a,#e9b954);font-size:25px;font-weight:900;box-shadow:0 10px 28px #eab54b29}
.brand-eyebrow,.form-eyebrow{font-size:12px;color:#f5c976;font-weight:800;letter-spacing:.19em}.brand-copy{max-width:520px}
h1{font-size:clamp(46px,5.2vw,82px);letter-spacing:-.064em;line-height:1.08;margin:20px 0 22px}h1 .accent{color:#f0be5d}.brand-copy p{color:#a8b7d2;font-size:18px;line-height:1.7;max-width:420px}.brand-foot{font-size:13px;color:#7285a7}
.form-panel{background:#f5f7fb;color:#18243a;display:grid;place-items:center;padding:36px 24px}.login-card{width:min(100%,428px)}.mobile-brand{display:none;color:#14233c;margin-bottom:48px}h2{font-size:32px;letter-spacing:-.04em;margin:14px 0 8px}.subheading{color:#68778f;font-size:14px;margin:0 0 38px;line-height:1.6}
label{display:block;font-size:13px;font-weight:750;margin:20px 0 9px}input{width:100%;height:52px;background:#fff;color:#14213a;padding:0 16px;border:1px solid #d8e0ec;border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus{border-color:#c48d32;box-shadow:0 0 0 3px #edd39b45}input::placeholder{color:#a2adc0}
.password-wrap{position:relative}.password-wrap input{padding-right:76px}.password-toggle{position:absolute;right:9px;top:8px;height:36px;padding:0 12px;border:0;background:#eef2f7;color:#40536e;font-size:12px;font-weight:750;border-radius:8px;cursor:pointer}.password-toggle:hover{background:#e0e8f3}
.login-submit{width:100%;margin-top:25px;display:flex;justify-content:center;align-items:center;gap:12px;height:52px;border:0;border-radius:10px;color:#16233a;background:linear-gradient(105deg,#f2c870,#edb84f);font-weight:850;cursor:pointer;box-shadow:0 8px 22px #c28e3235}.login-submit:hover{filter:brightness(.98)}.login-submit:disabled{cursor:wait;opacity:.7}
.login-error{background:#fff0ee;border:1px solid #ffcecb;border-radius:8px;color:#a02f2b;padding:11px 12px;font-size:13px;line-height:1.5;margin:16px 0 0}.login-error[hidden]{display:none}.login-note{color:#8a96a9;line-height:1.6;font-size:12px;text-align:center;margin-top:30px}
@media(max-width:840px){.login-shell{display:block}.brand-panel{display:none}.form-panel{min-height:100vh}.mobile-brand{display:flex}.login-card{padding:20px 0}}@media(max-width:420px){h2{font-size:27px}.form-panel{padding:24px 22px}}