.login-demo{color:#171719;background:#f2f2f4;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0;container-type:inline-size}.login-demo-brand{background:linear-gradient(160deg,#f26419 0%,#e56c2b 50%,#272329 100%);position:relative;overflow:hidden}.login-demo-wordmark{color:#fff;letter-spacing:-.01em;pointer-events:none;align-items:center;gap:1.2cqw;font-size:2.6cqw;display:flex;position:absolute;top:4cqw;left:4cqw}.login-demo-wordmark strong{font-weight:800}.login-demo-wordmark svg{width:4cqw;height:4cqw}.login-demo-decoration{opacity:.17;pointer-events:none;width:88%;position:absolute;top:66%;left:6%}.login-demo-decoration i{background:#fff;border-radius:.3cqw;height:1.2cqw;margin-bottom:1.3cqw;display:block}.login-demo-decoration div{gap:1.5cqw;margin-top:4cqw;display:flex}.login-demo-decoration b{background:#ffffff50;border-radius:.6cqw;width:4cqw;height:4cqw}.login-demo-decoration b:nth-child(3){background:#fff}.login-demo-content{align-items:center;padding:6cqw;display:flex;position:relative}.login-demo-copy{width:100%}.login-demo-greeting{flex-wrap:wrap;align-items:baseline;gap:.6cqw;font-size:1.15cqw;display:flex}.login-demo-greeting span{font-family:var(--font-mono);background:#1717190a;border-radius:.3cqw;padding:.25cqw .6cqw;font-size:1cqw;font-weight:600}.login-demo-copy h3{letter-spacing:-.04em;margin-top:1.5cqw;font-size:3.5cqw;font-weight:600;line-height:1.15}.login-demo-description{color:#65656c;margin-top:1.6cqw;font-size:1.3cqw;line-height:1.6}.login-demo-enter{color:#fff;cursor:pointer;background:#19191c;border:0;border-radius:.8cqw;justify-content:space-between;align-items:center;width:100%;margin-top:3cqw;padding:1.5cqw;font-size:1.25cqw;font-weight:600;display:flex}.login-demo-enter svg{width:1.5cqw;height:1.5cqw}.login-demo-enter:hover{background:#303035}.login-demo-label{color:#727279;margin-top:1cqw;font-size:.85cqw}.login-demo-footer{font-family:var(--font-mono);color:#727279;justify-content:space-between;gap:1cqw;font-size:.8cqw;display:flex;position:absolute;bottom:3cqw;left:6cqw;right:6cqw}.login-demo-footer>span,.login-demo-credit{white-space:nowrap;flex-shrink:0}.login-demo-credit{color:inherit;align-items:center;gap:.42cqw;text-decoration:none;display:inline-flex}.login-demo-credit img{flex-shrink:0;width:1.05cqw;height:auto}.login-demo-credit-name{font-family:var(--font-credit), sans-serif;letter-spacing:.02em;font-size:.85em}.login-demo-pause{color:#fff;cursor:pointer;background:#17171970;border:1px solid #fff5;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex;position:absolute;bottom:2cqw;left:2cqw}@media (max-width:700px){.login-demo-content{padding:4cqw}.login-demo-copy h3{font-size:4cqw}.login-demo-greeting,.login-demo-description,.login-demo-enter{font-size:2cqw}.login-demo-greeting span{font-size:1.65cqw}.login-demo-label{font-size:1.6cqw}.login-demo-footer{font-size:1.05cqw;left:4cqw;right:4cqw}.login-demo-pause{padding:8px}.login-demo-pause span{display:none}}