.user-name{text-align:right}.user-name strong,.user-name small{display:block}.user-name strong{font-size:11px}.user-name small{font-size:9px;color:var(--muted);margin-top:2px}.login-page{min-height:100vh;background:linear-gradient(135deg,#eaf1ff 0,#f8f9fc 46%,#eef8f5 100%);display:grid;place-items:center;padding:30px}.login-shell{width:min(920px,100%);display:grid;grid-template-columns:1fr 420px;background:#fff;border-radius:24px;box-shadow:0 30px 80px #233b6c24;overflow:hidden}.login-brand{background:linear-gradient(145deg,#18376d,#275ec3);color:#fff;padding:55px}.login-brand .brand-mark{background:#fff;color:#2f62c7;box-shadow:none}.login-brand>p{font-weight:700;letter-spacing:.16em;margin:22px 0 50px}.login-brand h1{font-size:29px;line-height:1.35;letter-spacing:-.03em}.login-brand ul{list-style:none;padding:0;margin:35px 0 0;display:grid;gap:14px;color:#d9e6ff;font-size:12px}.login-brand li:before{content:'✓';margin-right:10px;color:#8fe3c2}.login-card{padding:55px 45px;display:flex;flex-direction:column;justify-content:center}.login-card h2{font-size:24px;margin:5px 0 8px}.login-card>div>p:last-child{color:var(--muted);font-size:12px;margin-bottom:28px}.login-card form{display:grid;gap:17px}.login-card .primary-button{width:100%;margin-top:5px}.remember{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.demo-note{color:#a0a8b5;text-align:center;margin-top:17px}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-card{padding:38px 27px}.user-name{display:none}}