.portal-body { min-height:100vh; display:grid; place-items:center; padding:28px; }
.portal-shell { width:min(980px,100%); padding:0; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr); overflow:hidden; border:1px solid var(--line); border-radius:28px; background:var(--surface); box-shadow:0 24px 70px rgba(16,42,67,.14); }
.portal-intro { min-height:610px; padding:42px; color:white; display:flex; flex-direction:column; justify-content:space-between; background:radial-gradient(circle at 85% 12%,rgba(255,255,255,.2),transparent 28%),linear-gradient(145deg,#102a43,#17466b); }
.portal-brand { display:flex; align-items:center; gap:13px; font-size:25px; font-weight:850; }
.portal-brand img { width:52px; height:52px; border-radius:15px; background:white; object-fit:cover; box-shadow:0 8px 22px rgba(0,0,0,.15); }
.portal-intro h1 { max-width:520px; color:white; font-size:clamp(38px,5vw,62px); line-height:1.02; margin:12px 0 22px; }
.portal-intro p { max-width:500px; color:rgba(255,255,255,.78); font-size:18px; line-height:1.6; }
.portal-intro .portal-kicker { color:#ffb36f; text-transform:uppercase; letter-spacing:.11em; font-size:13px; font-weight:850; }
.portal-card { border:0; border-radius:0; box-shadow:none; padding:52px 46px; display:flex; align-items:center; }
.portal-card form { width:100%; }
.portal-card h2 { margin:0 0 7px; font-size:34px; }
.portal-card .subtitle { margin-bottom:30px; line-height:1.5; }
.portal-card .field { margin-bottom:18px; }
.portal-card .field label { display:block; margin-bottom:7px; font-weight:750; color:var(--navy); }
.portal-card input { width:100%; }
.portal-submit { width:100%; justify-content:center; min-height:50px; margin-top:5px; }
.portal-error { min-height:22px; margin:14px 0 0; color:var(--danger); font-weight:650; line-height:1.45; }
.portal-loading { width:100%; text-align:center; color:var(--muted); }
.portal-loading .spinner { margin:0 auto 14px; }
@media(max-width:760px){.portal-body{display:block;padding:0;background:var(--surface)}.portal-shell{display:block;border:0;border-radius:0;box-shadow:none}.portal-intro{min-height:auto;padding:25px 24px 34px}.portal-intro>div:last-child{margin-top:60px}.portal-intro h1{font-size:38px}.portal-intro p{font-size:16px}.portal-card{padding:36px 24px}.portal-card h2{font-size:30px}}