.q-login-stage{display:grid;grid-template-columns:minmax(0,1fr);min-height:100dvh;background:var(--q-stage-side);color:var(--q-stage-text)}@media (min-width:1024px){.q-login-stage{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}.q-login-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;padding:1.25rem 1.5rem 2rem;background:var(--q-stage-hero)}@media (min-width:640px){.q-login-hero{padding:1.25rem 3rem 2.25rem}}@media (min-width:1024px){.q-login-hero{position:sticky;top:0;height:100dvh}}.q-login-hero>:last-child{position:relative;z-index:2}.q-login-art{position:relative;z-index:1;display:none;flex:1;min-height:0;pointer-events:none}@media (min-width:768px) and (min-height:640px){.q-login-art{display:block}}.q-login-art-sheet{position:absolute;right:2.5%;top:0;width:min(360px,58%);box-shadow:0 30px 50px -20px color-mix(in srgb,var(--q-stage-hero-ink) 55%,transparent);--tilt:9deg}.q-login-art-omr{position:absolute;right:30%;bottom:8%;box-shadow:0 20px 40px -18px color-mix(in srgb,var(--q-stage-hero-ink) 70%,transparent);--tilt:-6deg}@media (max-height:780px){.q-login-art-omr{display:none}}.q-login-float{transform:rotate(var(--tilt,0deg));animation:q-login-float 7s ease-in-out infinite}.q-login-float-omr{animation-delay:-3s}.q-login-side{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}@media (min-width:640px){.q-login-side{padding:1.25rem 2.75rem 2.25rem}}.q-login-panel{display:flex;flex-direction:column;gap:.75rem;width:100%;padding:1.75rem;border-radius:1.25rem;border:1px solid var(--q-stage-line);background:var(--q-stage-card);box-shadow:0 20px 50px -26px color-mix(in srgb,var(--q-stage-hero) 60%,transparent);opacity:0;animation:q-login-fade-up .9s cubic-bezier(.22,1,.36,1) .45s forwards}@media (min-width:768px){.q-login-panel{padding:2rem}}.q-login-feature{display:grid;grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:.875rem;padding:.75rem .875rem;border-radius:.875rem;border:1px solid var(--q-stage-line);background:var(--q-stage-card);transition:transform .18s ease,border-color .18s ease}.q-login-feature:hover{transform:translateX(4px);border-color:var(--q-stage-hero)}.q-login-feature-icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.75rem;background:var(--q-stage-hero);color:var(--q-stage-hero-strong)}.q-login-feature[data-tone="1"] .q-login-feature-icon{background:var(--q-stage-pop);color:var(--q-stage-hero-ink)}.q-login-feature[data-tone="2"] .q-login-feature-icon{background:var(--q-stage-hero-ink);color:var(--q-stage-pop)}.q-login-feature[data-tone="3"] .q-login-feature-icon{background:var(--q-stage-line);color:var(--q-stage-label)}.q-login-mask{display:block;overflow:hidden;padding-bottom:.06em}.q-login-rise{display:block;transform:translateY(110%);animation:q-login-rise .9s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(.12s + var(--i, 0) * .11s)}.q-login-fade-up{opacity:0;animation:q-login-fade-up .8s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(.35s + var(--i, 0) * .12s)}.q-login-fade-in{opacity:0;animation:q-login-fade-in 1.2s ease-out forwards;animation-delay:calc(.2s + var(--i, 0) * .15s)}@keyframes q-login-rise{to{transform:none}}@keyframes q-login-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes q-login-fade-in{to{opacity:1}}@keyframes q-login-float{0%,to{transform:rotate(var(--tilt,0deg)) translateY(0)}50%{transform:rotate(var(--tilt,0deg)) translateY(-10px)}}@media (prefers-reduced-motion:reduce){.q-login-fade-in,.q-login-fade-up,.q-login-panel,.q-login-rise{animation:none;opacity:1;transform:none}.q-login-float{animation:none}.q-login-feature{transition:none}.q-login-feature:hover{transform:none}}