.login-demo .ss-stage{--ss-accent:#3a5cc9;--ss-accent-soft:#3a5cc91f;--ss-font:var(--font-geist), ui-sans-serif, system-ui, sans-serif;--ss-radius-md:6px;--ss-radius-lg:10px;--ss-radius-window:12px;--ss-control:36px;--ss-canvas:#f3f2ee;--ss-surface:#fdfcfa;background:0 0;overflow:hidden}.login-demo .ss-stage[data-theme=dark]{--ss-accent:#8fa6f0;--ss-canvas:#191919;--ss-surface:#222221}.login-demo__window{width:900px;height:680px;box-shadow:var(--ss-shadow-hero);position:absolute;top:32px;left:32px}.login-demo__nav{justify-items:start;gap:16px;padding:44px 16px 16px;display:grid}.login-demo__mark{color:var(--ss-text-strong)}.login-demo__nav-on{border-radius:var(--ss-radius-md);background:var(--ss-accent-soft);width:calc(100% + 16px);color:var(--ss-text-strong);margin:-6px -8px;padding:6px 8px;font-size:13px;font-weight:500}.login-demo__page{align-content:start;gap:12px;width:540px;padding:8px 16px;display:grid}.login-demo__actions{justify-content:flex-end;gap:8px;display:flex}.login-demo__button{border-radius:var(--ss-radius-md);background:var(--ss-ink-2);height:32px;color:var(--ss-text-strong);align-items:center;padding-inline:12px;font-size:13px;font-weight:500;display:inline-flex}.login-demo__button--primary{color:#fff;background:#3a5cc9}.login-demo__row{border:1px solid var(--ss-line);border-radius:var(--ss-radius-lg);align-items:center;gap:12px;padding:12px;display:flex}.login-demo__row img{border-radius:6px;flex:none;width:32px;height:32px}.login-demo__row-text{flex:1;gap:2px;min-width:0;display:grid}.login-demo__row-title{color:var(--ss-text-strong);font-size:13px;font-weight:500}.login-demo__row-sub{color:var(--ss-text);font-size:12px}.login-demo__filler{gap:16px;padding-top:12px;display:grid}.login-demo__claim{background:var(--ss-surface);width:656px;box-shadow:var(--ss-shadow-satellite);opacity:0;will-change:transform;border-radius:14px;grid-template-columns:minmax(0,1fr) 216px;gap:56px;padding:24px;transition:opacity .7s cubic-bezier(.25,.8,.25,1),transform .9s cubic-bezier(.25,.8,.25,1);display:grid;position:absolute;top:296px;left:72px;transform:translateY(12px)}.login-demo__claim[data-show]{opacity:1;transform:none}.login-demo__said{align-content:start;gap:12px;display:grid}.login-demo__label{color:var(--ss-text);font-size:13px}.login-demo__quote{color:var(--ss-text-strong);margin:0;font-size:22px;font-weight:500;line-height:1.3}.login-demo__post{opacity:0;margin:0;transition:opacity .6s cubic-bezier(.25,.8,.25,1)}.login-demo__post[data-show]{opacity:1}.login-demo__post img{aspect-ratio:3/2;object-fit:cover;object-position:top;border-radius:8px;width:100%;display:block}.login-demo__post figcaption{color:var(--ss-text);margin-top:8px;font-size:12px}.login-demo .ss-stage[data-layout=compact] .login-demo__claim{border:1px solid var(--ss-line);width:100%;box-shadow:none;grid-template-columns:minmax(0,1fr) 112px;gap:16px;padding:16px;top:0;left:0}.login-demo .ss-stage[data-layout=compact] .login-demo__post figcaption *{white-space:normal}.login-demo .ss-stage[data-layout=compact] .login-demo__quote{font-size:16px}.login-demo .ss-stage[data-layout=compact] .login-demo__label{font-size:12px}.login-shell{direction:ltr}:root[dir=rtl] .login-shell__form{direction:rtl}