:root { --navy:#0c2638; --blue:#176b89; --aqua:#57c5bc; --ink:#112330; --muted:#66757d; --rule:#dbe5e7; --paper:#f6f8f7; }
* { box-sizing:border-box; } body { margin:0; min-height:100vh; color:var(--ink); background:var(--paper); font-family:Aptos, Candara, "Segoe UI", sans-serif; }
.login-layout { display:grid; grid-template-columns:minmax(330px, 1.05fr) minmax(370px, .95fr); min-height:100vh; }
.identity { display:flex; flex-direction:column; padding:clamp(32px, 6vw, 88px); color:#edf8f7; background:var(--navy); }
.brand { display:flex; align-items:center; gap:11px; color:inherit; text-decoration:none; letter-spacing:-.02em; }.mark { display:grid; place-items:center; width:43px; height:43px; border:2px solid var(--aqua); color:var(--aqua); font:800 14px/1 "Trebuchet MS", sans-serif; letter-spacing:.08em; }.brand strong,.brand small{display:block}.brand strong{font-size:16px}.brand small{margin-top:1px;color:#a4c0c8;font-size:12px;letter-spacing:.04em}
.identity-copy { max-width:510px; margin:auto 0; }.eyebrow { margin:0 0 9px; color:var(--blue); font-size:11px; font-weight:800; letter-spacing:.14em; }.identity .eyebrow { color:var(--aqua); }.identity h1 { max-width:490px; margin:0; font-size:clamp(32px,4vw,52px); line-height:1.03; letter-spacing:-.055em; }.identity-copy > p:last-child { max-width:425px; margin:25px 0 0; color:#aec6cc; font-size:16px; line-height:1.55; }.identity-foot { margin:45px 0 0; color:#8cabb5; font-size:12px; }
.login-panel { display:grid; place-items:center; padding:32px; }.login-panel form { width:min(390px,100%); }.login-panel h2 { margin:0; font-size:29px; letter-spacing:-.04em; }.intro { margin:9px 0 31px; color:var(--muted); line-height:1.5; }.login-panel label { display:block; margin:20px 0 7px; font-size:13px; font-weight:700; }.login-panel input { width:100%; min-height:46px; padding:10px 12px; color:var(--ink); background:#fff; border:1px solid var(--rule); font:16px Aptos, Candara, sans-serif; outline:0; }.login-panel input:focus { border-color:var(--blue); box-shadow:inset 0 0 0 1px var(--blue); }.login-panel button { width:100%; margin-top:28px; min-height:47px; color:white; background:var(--navy); border:0; font:700 14px Aptos, Candara, sans-serif; cursor:pointer; }.login-panel button:hover:not(:disabled){background:var(--blue)}.login-panel button:disabled{opacity:.7;cursor:wait}.login-panel button span{margin-left:12px;color:var(--aqua);font-size:18px}.error{margin:17px 0 -8px;padding:10px 12px;color:#8d2d25;background:#fae9e6;font-size:13px}.help{width:min(390px,100%);margin:31px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:760px){.login-layout{grid-template-columns:1fr}.identity{min-height:280px;padding:30px}.identity-copy{margin:auto 0 0}.identity h1{font-size:32px}.identity-copy>p:last-child,.identity-foot{display:none}.login-panel{padding:40px 25px 55px}}