/* Unified Control Center login. */
.login-page { min-height:100svh; display:grid; place-items:center; padding:clamp(1rem,4vw,3rem); background:radial-gradient(circle at 15% 10%,#26384a 0,#17212b 36%,#0f151c 78%); }
.login-shell { width:min(1040px,100%); min-height:min(650px,calc(100svh - 2rem)); display:grid; grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr); overflow:hidden; background:#111a23; border:1px solid rgba(255,255,255,.1); border-radius:18px; box-shadow:0 34px 90px rgba(0,0,0,.32); }
.login-intro { position:relative; display:flex; flex-direction:column; justify-content:center; padding:clamp(2rem,6vw,4.5rem); background:linear-gradient(145deg,rgba(76,113,154,.28),rgba(17,26,35,.1)); }
.login-intro::after { content:'Scheduled Message Engine  +  Result Poller Engine'; position:absolute; right:2rem; bottom:1.5rem; color:#758493; font:700 .64rem/1.2 "Cascadia Mono",Consolas,monospace; letter-spacing:.08em; }
.login-intro h1 { max-width:620px; margin:1rem 0; font-size:clamp(2rem,5vw,4rem); line-height:1.04; letter-spacing:-.045em; }
.login-intro > p { max-width:590px; color:#b6c1cb; font-size:.95rem; line-height:1.7; }
.brand-lockup { color:#dce6ef; }
.login-promises { max-width:560px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; }
.login-promises > div { padding:.8rem; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.08); border-radius:8px; }
.login-panel { align-self:stretch; display:flex; flex-direction:column; justify-content:center; gap:1.15rem; padding:clamp(1.4rem,4vw,3rem); color:#17212b; background:#f8f7f3; }
.login-panel h2 { font-size:1.45rem; letter-spacing:-.02em; }
.login-panel .supporting,.security-note { color:#68747e; }
.login-panel .field { gap:.35rem; }
.login-panel .field input { min-height:48px; color:#17212b; background:#fff; border-color:#cfd5da; border-radius:7px; }
.login-panel .button-primary { min-height:48px; border-radius:7px; font-weight:800; }
.login-engine-note { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.45rem; }
.login-engine-note span { padding:.5rem .6rem; color:#50606d; background:#eef1f3; border:1px solid #dfe3e6; border-radius:6px; font-size:.68rem; font-weight:700; }
@media (max-width:780px) {
  .login-page { padding:0; place-items:stretch; }
  .login-shell { width:100%; min-height:100svh; grid-template-columns:1fr; border:0; border-radius:0; }
  .login-intro { min-height:260px; padding:1.5rem; justify-content:flex-end; }
  .login-intro h1 { margin:.65rem 0; font-size:2rem; }
  .login-intro > p { margin:0; font-size:.82rem; }
  .login-intro::after,.login-promises { display:none; }
  .login-panel { padding:1.4rem; }
}