@layer components{.cx-auth{background:var(--cx-d4);flex-direction:column;min-height:100dvh;display:flex}.cx-auth__atmo{isolation:isolate;min-height:300px;padding:calc(40px + var(--cx-safe-t)) 24px 64px;color:#fff;text-align:center;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;gap:22px;display:flex;position:relative;overflow:hidden}.cx-atmo{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cx-atmo__glow{will-change:transform;border-radius:50%;position:absolute}.cx-atmo__glow--a{background:radial-gradient(closest-side,#7c3aed6b,#7c3aed33 45%,#4c1d9500 100%);width:120%;height:90%;animation:16s ease-in-out infinite alternate cx-drift-a;top:10%;right:-30%}.cx-atmo__glow--b{background:radial-gradient(closest-side,#f472b64d,#c026d324 50%,#c026d300 100%);width:90%;height:70%;animation:19s ease-in-out infinite alternate cx-drift-b;top:-18%;left:-22%}.cx-atmo__glow--c{background:radial-gradient(closest-side,#4c1d9566,#4c1d9500 100%);width:80%;height:60%;bottom:-30%;left:10%}.cx-atmo__grain{opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px;position:absolute;inset:0}.cx-auth__lockup{color:#fff;--cx-mark-accent:var(--cx-accent-d);font-size:30px}.cx-auth__lockup .cx-mark{width:1.15em;height:1.15em}.cx-auth__line{color:#fff;text-wrap:balance;max-width:340px;font-size:30px;font-weight:200;line-height:1.12}.cx-auth__sheet{z-index:2;padding:30px 24px calc(28px + var(--cx-safe-b));animation:cx-sheet-rise .7s var(--cx-ease) both;background:#fff;border-radius:28px 28px 0 0;flex:none;margin-top:-28px;position:relative;box-shadow:0 -20px 40px -24px #00000080}.cx-auth__form{flex-direction:column;gap:18px;width:100%;max-width:420px;margin-inline:auto;display:flex}.cx-auth__head{flex-direction:column;gap:8px;display:flex}.cx-auth__head .cx-display{font-size:30px}.cx-auth__head .cx-lede bdi{color:var(--cx-ink);unicode-bidi:isolate}.cx-auth__help{border-top:1px solid var(--cx-line-2);color:var(--cx-ink-2);flex-direction:column;gap:2px;padding-top:6px;font-size:14px;line-height:1.45;display:flex}.cx-auth__help .cx-link{align-self:flex-start;min-height:44px}.cx-auth__late{color:var(--cx-ink-2);flex-direction:column;gap:4px;font-size:14px;line-height:1.5;display:flex}.cx-auth__back{--cx-r:999px;top:calc(10px + var(--cx-safe-t));z-index:3;color:#ffffffdb;border-radius:999px;align-items:center;gap:4px;min-height:44px;padding:0 14px 0 10px;font-size:15px;display:inline-flex;position:absolute;inset-inline-start:10px}.cx-auth__back:hover{color:#fff;background:#ffffff14}.cx-auth__back .cx-i{width:18px;height:18px}.cx-auth__cta{width:100%}.cx-auth__cta.is-busy,.cx-auth__cta.is-done{pointer-events:none}.cx-auth__cta.is-done .cx-i{animation:none}.cx-auth__foot{color:var(--cx-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:0 6px;padding-top:4px;font-size:14px;display:flex}.cx-auth__foot .cx-link{min-height:40px;color:var(--cx-muted);font-size:14px}.cx-auth__foot .cx-link:hover{color:var(--cx-ink)}.cx-auth__sep{color:#b4b4bc}.cx-auth__btns{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cx-auth__btns form{display:contents}.cx-handoff{z-index:1000;opacity:0;pointer-events:none;background:#fff;transition:opacity .28s cubic-bezier(.4,0,.7,1);position:fixed;inset:0}.cx-handoff.is-on{opacity:1;pointer-events:auto}@media (min-width:760px){.cx-auth__line{max-width:460px;font-size:44px}.cx-auth__sheet{padding:40px 48px calc(40px + var(--cx-safe-b))}.cx-auth__head .cx-display{font-size:40px}.cx-auth__cta{align-self:flex-start;width:auto;min-width:180px}.cx-auth__foot{justify-content:flex-start}}@media (min-width:1024px),(min-width:760px) and (orientation:landscape){.cx-auth{background:#fff;flex-direction:row;min-height:100dvh}.cx-auth__atmo{background:var(--cx-d4);border-radius:28px;flex:50%;order:2;min-height:calc(100dvh - 28px);margin:14px;padding:64px 48px}.cx-auth__sheet{box-shadow:none;border-radius:0;flex:50%;order:1;align-items:center;margin:0;padding:48px;animation:none;display:flex}}@media (min-width:1280px){.cx-auth__sheet{flex-basis:46%;padding:64px 88px}.cx-auth__atmo{flex-basis:54%}.cx-auth__line{max-width:560px;font-size:56px}}@media (prefers-reduced-motion:reduce){.cx-atmo__glow{animation:none!important}}@media (prefers-contrast:more){.cx-atmo__grain{display:none}}}@keyframes cx-drift-a{to{transform:translate(-8%,6%)scale(1.08)}}@keyframes cx-drift-b{to{transform:translate(10%,8%)scale(.94)}}@keyframes cx-sheet-rise{0%{opacity:0;transform:translateY(40px)}}@media (max-width:759px),(max-width:1023px) and (orientation:portrait){html:has(.cx-auth){background:#0e0e0e}}
