:root{font-family:Manrope,system-ui,sans-serif;color:#0d2147;background:#eef4ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,1fr)}.brand-panel{padding:clamp(32px,6vw,88px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(145deg,#102f7e 0%,#1554f6 62%,#2874ff 100%);position:relative;overflow:hidden}.brand-panel:after{content:"";position:absolute;width:520px;height:520px;border:100px solid rgba(255,255,255,.08);border-radius:50%;right:-270px;bottom:-260px}.brand{display:flex;align-items:baseline;font-size:28px;font-weight:800;position:relative;z-index:1}.brand b{color:#ffd02c}.brand small{font-size:11px;letter-spacing:.13em;margin-left:9px}.brand-panel>div{position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:#8fb0ff}.brand-panel .eyebrow{color:#ffd02c}.brand-panel h1{max-width:620px;font-size:clamp(35px,5vw,62px);line-height:1.05;margin:18px 0}.brand-panel p:not(.eyebrow){max-width:560px;line-height:1.7;color:#dce7ff}.secure-note{display:flex;align-items:center;gap:14px}.secure-note>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.15)}.secure-note strong,.secure-note small{display:block}.secure-note small{margin-top:4px;color:#dce7ff}.form-panel{display:grid;place-items:center;padding:36px;background:#f7f9fd}.form-panel form{width:min(440px,100%);padding:42px;background:#fff;border:1px solid #dce5f4;border-radius:28px;box-shadow:0 24px 70px rgba(35,65,125,.12)}h2{font-size:34px;margin:8px 0}.intro{color:#71809c;margin:0 0 30px}label{display:block;font-weight:700;font-size:14px;margin:18px 0}input{display:block;width:100%;height:54px;margin-top:8px;padding:0 16px;border:1px solid #cfd9e9;border-radius:14px;font:inherit;outline:none}input:focus{border-color:#1554f6;box-shadow:0 0 0 4px rgba(21,84,246,.1)}button{width:100%;height:56px;border:0;border-radius:15px;background:#1554f6;color:#fff;font:inherit;font-weight:800;font-size:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:0 20px}button:hover{background:#1047d6}button:disabled{opacity:.65;cursor:wait}.error{min-height:24px;margin:0 0 10px;color:#c53131;font-size:14px}.help{display:block;text-align:center;color:#8390a8;margin-top:20px;line-height:1.5}@media(max-width:820px){.login-shell{display:block}.brand-panel{min-height:235px;padding:30px}.brand-panel h1{font-size:30px;margin:10px 0}.brand-panel p:not(.eyebrow),.secure-note{display:none}.form-panel{min-height:calc(100vh - 235px);padding:20px}.form-panel form{padding:28px 22px;border-radius:22px}}