.login-body { min-height:100vh; display:grid; place-items:center; padding:24px; background:radial-gradient(circle at 15% 0,rgba(69,216,239,.13),transparent 28rem),#f4f7fd; }
.login-shell { width:min(930px,100%); min-height:610px; display:grid; grid-template-columns:.9fr 1.1fr; overflow:hidden; border:1px solid #dae2f1; border-radius:24px; background:#fff; box-shadow:0 30px 80px rgba(31,53,107,.16); }
.login-story { display:flex; flex-direction:column; justify-content:space-between; padding:38px; background:radial-gradient(circle at 65% 15%,rgba(72,220,244,.24),transparent 28%),linear-gradient(145deg,#0b1735,#1a3675); color:#fff; }
.login-wordmark { width:190px; height:44px; object-fit:cover; border-radius:3px; }
.login-story span,.login-kicker { color:#58dcef; font-size:10px; font-weight:900; letter-spacing:.14em; }
.login-story h1 { margin:11px 0; font:800 36px/1.05 Manrope; letter-spacing:-.05em; }
.login-story p { color:#c5d0e8; line-height:1.55; }
.login-panel { padding:48px; }
.login-panel h2 { margin:8px 0; font:800 28px Manrope; letter-spacing:-.04em; }
.login-panel>div>p { margin:0 0 25px; color:#68738c; }
.login-google,.login-primary,.login-secondary { width:100%; min-height:47px; border-radius:10px; font-weight:800; cursor:pointer; }
.login-google { border:1px solid #dce3f1; background:#fff; color:#101a37; }
.login-google b { display:inline-grid; place-items:center; width:25px; height:25px; margin-right:7px; border-radius:50%; background:#eff3fb; color:#285cf4; }
.login-divider { display:flex; align-items:center; gap:11px; margin:18px 0; color:#748097; font-size:11px; }
.login-divider::before,.login-divider::after { content:""; height:1px; flex:1; background:#e0e6f1; }
.login-panel label { display:grid; gap:6px; margin-bottom:14px; color:#26324e; font-size:12px; font-weight:800; }
.login-panel input { width:100%; padding:12px; border:1px solid #d5ddeb; border-radius:9px; font:inherit; }
.login-primary { border:0; background:linear-gradient(135deg,#285cf4,#7048e9); color:#fff; }
.login-secondary { margin-top:9px; border:1px solid #dce3f1; background:#fff; color:#182442; }
.login-status { min-height:18px; color:#b33d37; font-size:12px; }
.login-agreement { margin:14px 0 0; color:#71809b; font-size:11px; line-height:1.45; }
.login-agreement a { color:#315bd6; }
.back-link { color:#64718b; font-size:12px; font-weight:700; }
button:disabled,input:disabled { cursor:not-allowed; opacity:.55; }
@media(max-width:720px){.login-body{padding:0}.login-shell{display:block;min-height:100vh;border:0;border-radius:0}.login-story{min-height:190px;padding:25px}.login-story>div{display:none}.login-panel{padding:30px 24px}}