.login-overview-reveal{animation:.48s cubic-bezier(.23,1,.32,1) both login-overview-reveal;animation-delay:calc(var(--i,0) * 40ms)}@keyframes login-overview-reveal{0%{opacity:0;filter:blur(4px);translate:0 12px}}.login-card{--login-base:linear-gradient(180deg, #1f6cf0 0%, #0d56df 100%);--login-glow:#75a9fd;isolation:isolate;transition:scale .15s ease-out;position:relative;overflow:hidden}.login-card[data-product=ca]{--login-base:linear-gradient(180deg, color-mix(in oklab, var(--channel-whatsapp) 58%, black) 0%, color-mix(in oklab, var(--channel-whatsapp) 44%, black) 100%);--login-glow:var(--channel-whatsapp)}.login-card:before{content:"";z-index:-2;background:radial-gradient(90% 70% at 100% 0%, color-mix(in oklab, var(--login-glow) 85%, transparent), transparent 72%), var(--login-base);position:absolute;inset:0}.login-card:after{content:"";z-index:-1;pointer-events:none;opacity:.3;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='2.2' intercept='-0.6'/%3E%3CfeFuncG type='linear' slope='2.2' intercept='-0.6'/%3E%3CfeFuncB type='linear' slope='2.2' intercept='-0.6'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.login-card-logo{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff57,#ffffff1a);border-radius:1rem;flex-shrink:0;place-items:center;width:3.5rem;height:3.5rem;display:grid;box-shadow:inset 0 1px #ffffff8c,inset 0 0 0 1px #ffffff38,0 1px 2px #0000001f,0 10px 24px -8px #00000059}.login-card-logo svg{filter:drop-shadow(0 1px 1px #0000002e)}.login-card-arrow{transition:translate .2s cubic-bezier(.23,1,.32,1)}@media (hover:hover) and (pointer:fine){.login-card:hover .login-card-arrow{translate:2px}}.login-card:active{scale:.97}@media (prefers-reduced-motion:reduce){.login-overview-reveal{animation:none}.login-card,.login-card-arrow{transition:none}}