.portal-login-body{display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at 12% 12%,#dceaff 0,transparent 34%),linear-gradient(145deg,#f7faff 0,#eef4fc 100%)}
.login-portal{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,430px);width:min(1120px,100%);margin:auto;background:#fff;border:1px solid #dbe6f4;border-radius:28px;box-shadow:0 28px 80px rgba(25,57,99,.13);overflow:hidden}
.login-overview{padding:54px 58px;background:linear-gradient(145deg,#f8fbff 0,#edf4ff 100%);border-right:1px solid #dbe6f4}
.overview-brand{display:flex;align-items:center;gap:11px;margin-bottom:42px}.overview-brand img{width:42px;height:42px;object-fit:contain}.overview-brand strong{font-size:20px;letter-spacing:-.02em}
.login-overview h1{max-width:650px;margin:9px 0 15px;font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.045em}.overview-lead{max-width:650px;margin:0;color:#647894;font-size:16px;line-height:1.65}
.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:31px}.capability-grid article{display:flex;gap:12px;min-height:96px;padding:16px;background:rgba(255,255,255,.78);border:1px solid #dce7f5;border-radius:16px}.capability-grid article>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#e7f0ff;color:#176bff;font-size:11px;font-weight:900}.capability-grid strong{display:block;margin:2px 0 6px;font-size:14px}.capability-grid small{display:block;color:#71839d;font-size:12px;line-height:1.45}
.portal-flow{display:flex;align-items:center;gap:9px;margin-top:24px;color:#536985;font-size:12px;font-weight:700}.portal-flow span{padding:7px 10px;background:#fff;border:1px solid #dce7f5;border-radius:999px}.portal-flow b{color:#176bff}
.portal-login-card{align-self:center;width:auto;margin:0;padding:46px 42px;border:0;border-radius:0;box-shadow:none}.portal-login-card .login-brand{display:none}.portal-login-card h2{margin:7px 0 4px;font-size:30px;letter-spacing:-.03em}.login-subtitle{margin:0 0 22px;color:#6c7e99}.login-footnote{margin:22px 0 0;padding-top:18px;border-top:1px solid #e5edf7;color:#8290a6!important;font-size:11px;line-height:1.5;text-align:center}.portal-login-card .service-login{margin-top:16px;padding:11px 12px;background:#f6f9fd;border:1px solid #e0e9f4;border-radius:11px;font-size:12px}.portal-login-card .service-login input{width:auto;margin:2px 0 0}.portal-login-card .primary{min-height:48px}
@media(max-width:880px){.portal-login-body{padding:16px}.login-portal{grid-template-columns:1fr;max-width:560px}.portal-login-card{grid-row:1;padding:34px 30px;border-bottom:1px solid #dbe6f4}.portal-login-card .login-brand{display:flex;justify-content:flex-start;margin-bottom:28px}.portal-login-card .login-brand img{width:42px;height:42px}.portal-login-card .login-brand strong{font-size:20px}.login-overview{grid-row:2;padding:34px 30px;border:0}.overview-brand{display:none}.login-overview h1{font-size:32px}.capability-grid{grid-template-columns:1fr}.portal-flow{flex-wrap:wrap}}
@media(max-width:480px){.portal-login-body{padding:8px}.login-portal{border-radius:20px}.portal-login-card,.login-overview{padding:28px 22px}.portal-login-card h2{font-size:27px}.login-overview h1{font-size:28px}.portal-flow b{display:none}.portal-flow span{font-size:11px}.capability-grid article{min-height:0}}