:root{--hi-login-ink:#071426;--hi-login-blue:#1769ff;--hi-login-line:#dbe4ef;--hi-login-muted:#64748b}
.hi-login-body{min-height:100vh;margin:0;background:#f5f8fc;color:var(--hi-login-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.hi-login-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(7,20,38,.08);background:rgba(255,255,255,.94)}
.hi-login-brand{display:flex;align-items:center;gap:10px;color:var(--hi-login-ink);font-size:20px;font-weight:900;letter-spacing:-.05em;text-decoration:none}.hi-login-brand strong span{color:var(--hi-login-blue)}.hi-login-mark{display:grid;width:34px;height:34px;place-items:center}.hi-login-mark svg{display:block;width:100%;height:100%}.hi-login-home{color:#53657a;font-size:12px;font-weight:800;text-decoration:none}.hi-login-home:hover{color:var(--hi-login-blue)}
.hi-login-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.86fr);width:min(1180px,calc(100% - 48px));min-height:680px;margin:42px auto;padding:14px;border:1px solid var(--hi-login-line);border-radius:25px;background:#fff;box-shadow:0 28px 80px rgba(10,36,71,.12)}
.hi-login-story{position:relative;min-height:650px;overflow:hidden;border-radius:17px;background:#102747;color:#fff}.hi-login-story-photo{position:absolute;inset:0;background:url('/assets/demo-state-house.jpg') center/cover no-repeat;transform:scale(1.02)}.hi-login-story-shade{position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,20,38,.92) 5%,rgba(7,20,38,.58) 52%,rgba(7,20,38,.27))}.hi-login-story-content{position:absolute;right:0;bottom:0;left:0;padding:clamp(34px,5vw,62px)}.hi-login-kicker{display:inline-block;padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(7,20,38,.36);color:#bfe0ff;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hi-login-story h1{margin:18px 0 15px;font-size:clamp(42px,5vw,68px);line-height:.95;letter-spacing:-.065em}.hi-login-story h1 em{color:#78b7ff;font-style:normal}.hi-login-story p{max-width:455px;margin:0;color:#d8e5f3;font-size:16px;line-height:1.6}.hi-login-story ul{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none}.hi-login-story li{padding:8px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:10px;font-weight:800}
.hi-login-card-wrap{display:grid;align-content:center;justify-items:center;padding:42px}.hi-login-card{width:min(100%,410px)}.hi-login-card-top{display:flex;align-items:center;justify-content:space-between;color:var(--hi-login-blue);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.hi-login-card-top i{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:#eaf2ff;font-size:14px;font-style:normal;letter-spacing:0}.hi-login-card h2{margin:23px 0 9px;font-size:clamp(40px,4vw,55px);line-height:.98;letter-spacing:-.06em}.hi-login-intro{margin:0;color:var(--hi-login-muted);font-size:15px;line-height:1.55}.hi-login-form{display:grid;gap:17px;margin-top:30px}.hi-login-form label{display:grid;gap:8px;color:#3c4d61;font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.hi-login-form input{width:100%;min-height:51px;border:1px solid #cbd8e6;border-radius:10px;background:#fff;color:var(--hi-login-ink);padding:0 14px;font:600 15px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-transform:none;outline:none;transition:border-color .15s,box-shadow .15s}.hi-login-form input:focus{border-color:var(--hi-login-blue);box-shadow:0 0 0 4px rgba(23,105,255,.12)}.hi-login-submit{display:flex;min-height:53px;align-items:center;justify-content:center;gap:24px;border:0;border-radius:10px;background:var(--hi-login-blue);color:#fff;font:850 15px Inter,ui-sans-serif,system-ui,sans-serif;box-shadow:0 12px 26px rgba(23,105,255,.24);cursor:pointer;transition:transform .15s,background .15s}.hi-login-submit:hover{background:#0e4fc5;transform:translateY(-1px)}.hi-login-submit span{font-size:20px;line-height:0}.hi-login-error{margin:22px 0 -8px;padding:11px 12px;border:1px solid #fecaca;border-radius:9px;background:#fff1f2;color:#ad2636;font-size:12px;font-weight:750;line-height:1.45}.hi-login-help{margin:23px 0 0;color:#69798c;font-size:12px;text-align:center}.hi-login-help a{color:var(--hi-login-blue);font-weight:850;text-decoration:none}.hi-login-secure{width:min(100%,410px);margin:23px 0 0;color:#728196;font-size:10px;line-height:1.5;text-align:center}.hi-login-secure span{color:#15965b;font-weight:900}
@media(max-width:860px){.hi-login-shell{grid-template-columns:1fr;width:min(620px,calc(100% - 32px));min-height:0;margin:22px auto}.hi-login-story{min-height:280px}.hi-login-story-content{padding:30px}.hi-login-story h1{font-size:43px}.hi-login-story p{font-size:14px}.hi-login-story ul{display:none}.hi-login-card-wrap{padding:38px 28px 32px}}
@media(max-width:520px){.hi-login-header{height:68px;padding:0 18px}.hi-login-brand{font-size:18px}.hi-login-home{font-size:11px}.hi-login-shell{width:100%;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent}.hi-login-story{min-height:224px;border-radius:0}.hi-login-story-content{padding:26px 20px}.hi-login-story h1{margin:13px 0 9px;font-size:37px}.hi-login-story p{font-size:13px}.hi-login-card-wrap{padding:33px 21px}.hi-login-card{width:100%}.hi-login-card h2{font-size:44px}.hi-login-secure{margin-top:18px}.hi-login-body{background:#fff}}