.login-split{--login-brand:#174F7F;--login-brand-light:#2d7ab8;--login-brand-dark:#0d3a5c;--login-accent:#f59e0b;--login-surface:#ffffff;--login-surface-subtle:#f8fafc;--login-text-primary:#0f172a;--login-text-secondary:#475569;--login-text-muted:#94a3b8;--login-border:#e2e8f0;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background-color:var(--login-surface);color:var(--login-text-primary);color-scheme:light}.login-split__brand-line{display:block;flex:none;height:4px;background-image:linear-gradient(90deg,var(--login-brand-dark),var(--login-brand),var(--login-brand-light),var(--login-accent))}.login-split__form{--login-input-border:#8592a5;display:flex;flex:1 0 auto;flex-direction:column;align-items:center}.login-split__form-inner{width:100%;max-width:25rem}.login-split__panel{display:none}@media (min-width:600px) and (min-height:540px) and (orientation:landscape){.login-split{flex-direction:row}.login-split__brand-line{display:none}.login-split__form{flex:0 0 50%;justify-content:center}.login-split__panel{display:flex;flex:0 0 50%;position:sticky;top:0;align-self:flex-start;height:100vh;height:100dvh;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) 1rem}}@media (min-width:600px) and (min-height:540px) and (orientation:portrait){.login-split{justify-content:center}.login-split__brand-line{display:none}.login-split__form{flex:0 0 auto;justify-content:center}.login-split .login-split__form{padding-top:max(1.5rem,env(safe-area-inset-top));padding-bottom:1rem}.login-split .login-split__back-home{display:none}.login-split__panel{display:flex;flex:1 0 25vh;flex:1 0 25dvh;min-height:0;max-height:40vh;max-height:40dvh;padding:0 max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}}.login-demo{position:relative;display:flex;flex:1 1 auto;align-items:center;justify-content:center;overflow:hidden;border-radius:1.375rem;padding:1.5rem;color:#ffffff;background-color:var(--login-brand);background-image:radial-gradient(120% 80% at 85% 10%,rgb(245 158 11/.35),transparent 55%),radial-gradient(90% 70% at 10% 90%,rgb(45 122 184/.75),transparent 60%),linear-gradient(160deg,var(--login-brand-dark) 0,var(--login-brand) 55%,var(--login-brand-light) 100%)}.login-demo:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgb(255 255 255/.12) 1px,transparent 0);background-size:18px 18px;pointer-events:none}.login-demo__stage{position:relative;display:flex;width:100%;max-width:28rem;flex-direction:column;align-items:center;gap:1.25rem;margin-block:auto}.login-demo__tagline{margin:0;text-align:center;font-size:1.25rem;font-weight:600;line-height:1.4}.login-demo__tagline-detail{display:block;margin-top:.375rem;font-size:.8125rem;font-weight:500;color:rgb(255 255 255/.72)}.login-demo__composer{display:flex;width:100%;min-height:3.5rem;align-items:center;gap:.75rem;border-radius:1rem;padding:.625rem .625rem .625rem 1rem;background-color:rgb(255 255 255/.96);box-shadow:0 18px 40px rgb(13 58 92/.35);color:var(--login-text-primary)}.login-demo__typed{flex:1 1 auto;min-width:0;font-size:.9375rem;line-height:1.4;overflow-wrap:anywhere}.login-demo__caret{display:none;width:2px;height:1.1em;margin-left:1px;vertical-align:text-bottom;background-color:var(--login-brand)}.login-demo[data-phase=typing] .login-demo__caret{display:inline-block;animation:login-demo-blink 1s steps(1) infinite}.login-demo__send{display:flex;flex:none;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--login-brand);color:#ffffff;transition:transform .16s ease,box-shadow .16s ease}.login-demo[data-phase=sent] .login-demo__send{transform:scale(.9);box-shadow:0 0 0 4px rgb(245 158 11/.45)}.login-demo__cards{display:grid;width:100%;margin:0;padding:0;list-style:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem}.login-demo__card{display:flex;aspect-ratio:4/5;flex-direction:column;overflow:hidden;border-radius:.75rem;background-color:#ffffff;box-shadow:0 10px 24px rgb(13 58 92/.3);animation:login-demo-pop .42s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--login-demo-card-index, 0) * 90ms)}.login-demo[data-phase=sent] .login-demo__card,.login-demo[data-phase=typing] .login-demo__card{visibility:hidden;animation:none}.login-demo[data-phase=clearing] .login-demo__card{animation:login-demo-fade .35s ease both}.login-demo__card[data-highlighted]{box-shadow:0 0 0 2px var(--login-accent),0 14px 28px rgb(13 58 92/.38)}.login-demo__card-label{padding:.375rem .5rem .25rem;font-size:.6875rem;font-weight:700;color:var(--login-brand)}.login-demo__thumb{position:relative;flex:1 1 auto;margin:0 .375rem .375rem;overflow:hidden;border-radius:.375rem}.login-demo__thumb--slides{background-color:#eef4f1}.login-demo__thumb--slides:before{content:"";position:absolute;left:10%;top:40%;width:62%;height:12%;border-radius:2px;background-color:#2f5d4a}.login-demo__thumb--document{border:1px solid var(--login-border);background-color:var(--login-surface-subtle)}.login-demo__thumb--document:before{content:"";position:absolute;left:12%;right:12%;top:14%;height:8%;border-radius:2px;background-color:var(--login-brand)}.login-demo__thumb--document:after{content:"";position:absolute;left:12%;right:20%;top:34%;height:40%;background-image:repeating-linear-gradient(#cbd5e1 0 2px,transparent 2px 7px)}.login-demo__thumb--website{background-image:linear-gradient(#f7efe6 0 30%,#c26a1a 30% 42%,#f7efe6 42%)}.login-demo__thumb--comic{background-color:#ffffff;background-image:linear-gradient(#dbeafe,#dbeafe),linear-gradient(#dbeafe,#dbeafe),linear-gradient(#dbeafe,#dbeafe),linear-gradient(#dbeafe,#dbeafe);background-position:3px 3px,calc(100% - 3px) 3px,3px calc(100% - 3px),calc(100% - 3px) calc(100% - 3px);background-repeat:no-repeat;background-size:calc(50% - 4.5px) calc(50% - 4.5px)}@keyframes login-demo-blink{50%{opacity:0}}@keyframes login-demo-pop{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes login-demo-fade{to{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.login-demo[data-phase=clearing] .login-demo__card,.login-demo[data-phase] .login-demo__caret,.login-demo__card{animation:none}.login-demo__send{transition:none}}