.login-page{color:#263249;background:#f7f8fb;grid-template-columns:minmax(330px,46%) 1fr;min-height:100vh;display:grid}.login-left{color:#fff;background:linear-gradient(145deg,#172c4d 0%,#30365d 65%,#554679 100%);flex-direction:column;justify-content:center;gap:24px;padding:46px clamp(36px,6vw,100px);display:flex;position:relative;overflow:hidden}.login-left:after{content:"";border:1px solid #ffffff1c;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-230px;right:-190px;box-shadow:0 0 0 105px #ffffff09,0 0 0 210px #ffffff06}.login-brand{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.login-brand img{object-fit:contain;background:#fff;border-radius:12px;width:50px;height:50px;padding:4px}.login-brand strong,.login-brand small{display:block}.login-brand strong{letter-spacing:-.04em;font-size:22px}.login-brand small{letter-spacing:.12em;color:#c1cbe4;margin-top:2px;font:600 10px IBM Plex Mono,monospace}.login-intro{z-index:1;position:relative}.login-intro span,.login-overline{letter-spacing:.13em;color:#9cb9d2;font:600 11px IBM Plex Mono,monospace}.login-right{place-items:center;padding:35px;display:grid}.login-card{background:#fff;border:1px solid #dfe5ec;width:min(100%,440px);padding:47px;box-shadow:0 24px 70px #1a284014}.login-overline{color:#667eaa}.login-card h2{letter-spacing:-.045em;color:#24334f;margin:15px 0 8px;font-size:31px}.login-card p{color:#738298;margin:0 0 30px;font-size:14px;line-height:1.55}.login-google{color:#344765;background:#fff;border:1px solid #cbd6e5;justify-content:center;align-items:center;gap:12px;width:100%;min-height:48px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.login-google:hover{background:#f3f6fb;border-color:#93a8c6}.login-google svg{width:19px;height:19px}.login-error{color:#8b4744;background:#fff4f2;border-left:3px solid #ba6a63;margin-bottom:16px;padding:10px 12px;font-size:12px}@media (max-width:760px){.login-page{grid-template-columns:1fr}.login-left{gap:20px;min-height:200px;padding:24px}.login-right{align-items:start;padding:22px}.login-card{padding:30px 25px}}.login-brand small,.login-intro span,.login-overline{font-size:12px}.login-card p,.login-google{font-size:16px}.login-error{font-size:14px}.demo-link{text-align:center;color:#667eaa;margin-top:20px;font-size:14px;text-decoration:underline;display:block}