:root{--navy:#071842;--blue:#0750a0;--sky:#1487cb;--ink:#0b1933;--muted:#69788c;--line:#dce4ec}
*{box-sizing:border-box}html{background:#e8eef3}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.shell{width:min(1100px,calc(100% - 36px));min-height:min(720px,calc(100svh - 72px));margin:36px auto;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:20px;box-shadow:0 30px 100px rgba(6,22,63,.14);overflow:hidden}
.visual{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:650px;padding:38px 42px 32px;color:#fff;background:radial-gradient(circle at 82% 19%,#217ac0 0,transparent 37%),linear-gradient(145deg,#103770 0%,#071842 68%,#04102e 100%);overflow:hidden}
.visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 47%,rgba(255,255,255,.09) 48%,transparent 49%);background-size:110px 100%;opacity:.12;z-index:-1}
.visual-top{display:flex;align-items:center;gap:24px}.brand-type{font-size:14px;font-weight:850;letter-spacing:.17em;white-space:nowrap}.brand-type small{font-size:9px;letter-spacing:.29em;margin-left:4px}.visual-line{height:1px;background:#ffffff68;flex:1}
.building{position:absolute;inset:10% 0 0 20%;opacity:.8;z-index:-1;transform:skewY(-5deg)}.tower{position:absolute;bottom:-12%;background:linear-gradient(100deg,#ffffff07,#b4daf22b 45%,#ffffff0e);border-left:1px solid #b4daf255;border-top:1px solid #b4daf255;box-shadow:inset 16px 0 35px #03123555}.tower:after{content:"";position:absolute;inset:8% 11%;background:repeating-linear-gradient(90deg,transparent 0 12%,#b6d7f02e 12% 15%,transparent 15% 28%),repeating-linear-gradient(0deg,transparent 0 9%,#b6d7f02e 9% 10%,transparent 10% 19%);mask-image:linear-gradient(#000,transparent 95%)}.tower-front{width:55%;height:79%;right:3%;transform:skewY(6deg)}.tower-back{width:49%;height:58%;left:0;opacity:.6}
.visual-copy{margin-top:auto;max-width:390px;z-index:1}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.19em}.visual-copy .eyebrow{color:#9cd8fa}.visual-copy h1{font-size:clamp(38px,4.3vw,57px);line-height:1.05;letter-spacing:-.055em;margin:20px 0}.visual-copy p{font-size:15px;color:#d1e2f3}.visual-index{margin-top:70px;font-size:10px;letter-spacing:.17em;color:#9bbadb}
.access{display:flex;flex-direction:column;padding:32px 48px 27px}.access-top{display:flex;justify-content:space-between;align-items:center}.access-top img{object-fit:contain;border-radius:8px}.access-top span,.access-bottom{font-size:10px;font-weight:750;letter-spacing:.14em;color:#748499}.access-body{margin:auto 0;padding:40px 0;max-width:410px}.access-body .eyebrow{color:var(--blue)}.access h2{font-size:clamp(34px,4vw,47px);line-height:1.08;letter-spacing:-.055em;margin:16px 0}.intro{font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 34px}.error{padding:12px 14px;background:#fff1ef;color:#9e2a24;border-radius:8px;font-size:13px}form{display:flex;flex-direction:column}label{font-size:12px;font-weight:750;margin:0 0 8px}input{font:inherit;height:53px;border:1px solid var(--line);background:#f9fbfd;border-radius:9px;padding:0 15px;margin-bottom:21px;color:var(--ink);outline:none}input:focus{border-color:#2c82c8;box-shadow:0 0 0 4px #2c82c81b}button{margin-top:7px;height:54px;border:0;border-radius:9px;background:var(--navy);color:#fff;font:inherit;font-size:14px;font-weight:750;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 21px;transition:background .2s,transform .2s}button:hover{background:var(--blue);transform:translateY(-2px)}button:focus-visible{outline:3px solid #58a9ec;outline-offset:3px}.access-bottom{display:flex;justify-content:space-between;gap:12px}
@media(max-width:760px){.shell{display:flex;flex-direction:column;width:100%;min-height:100svh;margin:0;border-radius:0;box-shadow:none}.visual{min-height:130px;padding:25px 28px;background:linear-gradient(115deg,#071842,#15518a)}.visual-top{z-index:1}.visual-copy,.visual-index{display:none}.building{inset:0 0 0 30%;opacity:.25}.access{flex:1;padding:27px 28px 25px}.access-body{margin:auto 0;padding:48px 0}.access-bottom{font-size:9px}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:hover{transform:none}}