.lq-auth{background-color:var(--color-white);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;height:100dvh;padding:12px;display:grid;overflow:hidden}[data-theme=dark] .lq-auth{background-color:var(--color-black)}.lq-auth-brand{border:1px solid color-mix(in srgb, var(--color-black) 12%, transparent);background-color:var(--color-black);min-height:0;color:var(--color-white);border-radius:20px;flex-direction:column;justify-content:space-between;gap:32px;padding:32px 40px;display:flex;position:relative;overflow:hidden}[data-theme=dark] .lq-auth-brand{border-color:color-mix(in srgb, var(--color-white) 12%, transparent);background-color:color-mix(in srgb, var(--color-white) 3%, var(--color-black))}[data-theme] .lq-auth-brand .navbar-logo-mark,[data-theme=dark] .lq-auth-panel{color:var(--color-white)}.lq-auth-glow{background:radial-gradient(circle, color-mix(in srgb, var(--color-primary) 30%, transparent) 0%, transparent 65%);pointer-events:none;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-160px;left:-140px}.lq-auth-logo{letter-spacing:-.01em;width:fit-content;color:inherit;align-items:center;gap:8px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.lq-auth-logo.is-mobile{display:none}.lq-auth-brand-copy{max-width:440px;position:relative}.lq-auth-eyebrow{color:color-mix(in srgb, var(--color-white) 55%, transparent);margin-bottom:12px;font-size:.78rem;font-weight:500;display:block}.lq-auth-heading{letter-spacing:-.02em;max-width:14ch;color:var(--color-white);font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:600;line-height:1.15}.lq-auth-copy{max-width:38ch;color:color-mix(in srgb, var(--color-white) 60%, transparent);margin-top:12px;font-size:.9rem;line-height:1.6}.lq-auth-flow{flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;display:flex}.lq-auth-flow-step{border:1px solid color-mix(in srgb, var(--color-white) 16%, transparent);background-color:color-mix(in srgb, var(--color-white) 4%, transparent);height:32px;color:color-mix(in srgb, var(--color-white) 85%, transparent);white-space:nowrap;border-radius:9px;align-items:center;gap:7px;padding:0 12px;font-size:.76rem;font-weight:500;display:inline-flex}.lq-auth-flow-step.is-live:before{content:"";background-color:var(--color-primary);border-radius:50%;width:6px;height:6px}.lq-auth-flow-line{background-color:color-mix(in srgb, var(--color-white) 25%, transparent);width:14px;height:1px}.lq-auth-foot{color:color-mix(in srgb, var(--color-white) 40%, transparent);font-size:.72rem;position:relative}.lq-auth-panel{--af-ink:var(--color-black);--af-muted:color-mix(in srgb, var(--color-black) 52%, transparent);--af-line:color-mix(in srgb, var(--color-black) 10%, transparent);--af-line-strong:color-mix(in srgb, var(--color-black) 22%, transparent);--af-hover:color-mix(in srgb, var(--color-black) 4%, transparent);--af-bg:var(--color-white)}[data-theme=dark] .lq-auth-panel{--af-ink:var(--color-white);--af-muted:color-mix(in srgb, var(--color-white) 55%, transparent);--af-line:color-mix(in srgb, var(--color-white) 11%, transparent);--af-line-strong:color-mix(in srgb, var(--color-white) 24%, transparent);--af-hover:color-mix(in srgb, var(--color-white) 5%, transparent);--af-bg:var(--color-black)}.lq-auth-panel{scrollbar-width:none;min-height:0;color:var(--color-black);justify-content:center;align-items:center;padding:16px 24px;display:flex;overflow-y:auto}.lq-auth-panel :is(.cl-formFieldInput,.cl-otpCodeFieldInput){border:0!important;border-bottom:1px solid var(--af-line-strong)!important;box-shadow:none!important;background:0 0!important;border-radius:0!important}.lq-auth-panel :is(.cl-formFieldInput,.cl-otpCodeFieldInput):hover{border-bottom-color:var(--af-muted)!important}.lq-auth-panel :is(.cl-formFieldInput,.cl-otpCodeFieldInput):focus,.lq-auth-panel :is(.cl-formFieldInput,.cl-otpCodeFieldInput):focus-visible{border-bottom-color:var(--color-primary)!important;box-shadow:none!important;outline:none!important}.lq-auth-panel .cl-socialButtonsBlockButton{border:1px solid var(--af-line-strong)!important;box-shadow:none!important;border-radius:999px!important}.lq-auth-panel .cl-socialButtonsBlockButton:hover{border-color:var(--af-muted)!important;background-color:var(--af-hover)!important}.lq-auth-panel :is(.cl-rootBox,.cl-cardBox,.cl-card,.cl-main,.cl-form){overflow:visible!important}.lq-auth-panel .cl-card{padding-inline:2px!important}.lq-auth-panel .cl-formButtonPrimary:is(:hover,:focus-visible):not(:disabled){border-color:var(--af-ink)!important}.lq-auth-panel .cl-formButtonPrimary{isolation:isolate;transition:color .3s;position:relative;overflow:hidden;border:1px solid var(--af-line-strong)!important;color:var(--af-ink)!important;box-shadow:none!important;background:0 0!important;border-radius:999px!important}.lq-auth-panel .cl-formButtonPrimary:after{display:none!important}.lq-auth-panel .cl-formButtonPrimary:before{content:"";z-index:-1;background-color:var(--af-ink);transition:transform .4s cubic-bezier(.65,0,.35,1);position:absolute;inset:0;transform:translateY(101%)}.lq-auth-panel .cl-formButtonPrimary:is(:hover,:focus-visible):not(:disabled){color:var(--af-bg)!important}.lq-auth-panel .cl-formButtonPrimary:is(:hover,:focus-visible):not(:disabled):before{transform:translateY(0)}.lq-auth-panel .cl-formButtonPrimary:disabled{opacity:.55}@media (prefers-reduced-motion:reduce){.lq-auth-panel .cl-formButtonPrimary,.lq-auth-panel .cl-formButtonPrimary:before{transition:none}}.lq-auth-panel::-webkit-scrollbar{display:none}.lq-auth-form{flex-direction:column;gap:24px;width:100%;max-width:360px;margin:auto 0;display:flex}.lq-auth-logo:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid}@media (max-width:1024px){.lq-auth{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}.lq-auth-brand{padding:28px}}@media (max-width:768px){.lq-auth{height:auto;padding:0;display:block;overflow:visible}.lq-auth-brand{display:none}.lq-auth-logo.is-mobile{display:inline-flex}.lq-auth-panel{min-height:100dvh;padding:32px 24px}}@media (max-width:480px){.lq-auth-panel{align-items:flex-start;padding:28px 16px}.lq-auth-form{gap:24px}}
