.genie-auth{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--og-color-bg);min-height:100dvh;color:var(--og-color-fg);font-family:var(--og-font-sans);grid-template-columns:minmax(360px,46%) minmax(0,1fr);display:grid}.genie-auth-story{isolation:isolate;border-right:1px solid var(--og-color-border);background:var(--og-color-canvas);flex-direction:column;min-height:100dvh;padding:40px clamp(32px,4.1vw,72px);display:flex;position:relative;overflow:hidden}.genie-auth-story:before{content:"";z-index:-1;background-image:linear-gradient(color-mix(in srgb, var(--og-color-fg) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--og-color-fg) 4%, transparent) 1px, transparent 1px);pointer-events:none;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 6%,#000 52%,#0000 100%);mask-image:linear-gradient(#0000 6%,#000 52%,#0000 100%)}.genie-auth-story:after{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--genie-accent,#f4a88c) 9%, transparent), transparent 66%);pointer-events:none;border-radius:50%;width:560px;height:560px;position:absolute;bottom:8%;right:-120px}.genie-auth-wordmark{color:var(--og-color-fg);letter-spacing:-1.3px;border-radius:7px;align-self:flex-start;align-items:center;gap:11px;font-size:27px;font-weight:600;text-decoration:none;display:inline-flex}.genie-auth-wordmark>span:first-child{width:33px;color:var(--genie-accent,#f4a88c);place-items:center;display:grid}.genie-auth-wordmark>span:first-child>svg{width:33px;height:auto}.genie-auth-mobile-brand>svg{width:29px;height:auto}.genie-auth-wordmark .genie-auth-apps{color:var(--og-color-fg-subtle);letter-spacing:-.4px;margin-left:-3px;font-size:17px;font-weight:400}.genie-auth-pitch{max-width:460px;margin:auto 0;padding:64px 0 58px;position:relative}.genie-auth-eyebrow{color:var(--genie-accent,#f4a88c);letter-spacing:1.9px;align-items:center;gap:11px;margin-bottom:26px;font-size:10px;font-weight:550;display:flex}.genie-auth-eyebrow:before{content:"";background:var(--genie-accent,#f4a88c);width:23px;height:1px}.genie-auth-pitch h2{color:var(--og-color-fg);letter-spacing:-.065em;margin:0;font-size:clamp(44px,4.9vw,76px);font-weight:450;line-height:1.07}.genie-auth-pitch h2>span{color:var(--genie-accent,#f4a88c)}.genie-auth-pitch>p:not(.genie-auth-eyebrow){max-width:340px;color:var(--og-color-fg-muted);text-wrap:pretty;margin:26px 0 0;font-size:14px;line-height:1.9}.genie-auth-diagram{isolation:isolate;align-items:center;width:min(100%,356px);min-height:162px;margin-top:32px;display:flex;position:relative}.genie-auth-orbit{z-index:-1;pointer-events:none;width:258px;height:258px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.genie-auth-orbit>span{border:1px solid color-mix(in srgb, var(--og-color-border) 70%, transparent);border-radius:50%;position:absolute;inset:0}.genie-auth-orbit>span:nth-child(2){border-style:dashed;border-color:color-mix(in srgb, var(--genie-accent,#f4a88c) 14%, transparent);inset:26px;transform:rotate(-18deg)}.genie-auth-orbit>span:nth-child(3){border-color:color-mix(in srgb, var(--og-color-border) 65%, transparent);background:radial-gradient(circle, var(--genie-accent-soft,#f4a88c14), transparent 70%);inset:52px}.genie-auth-diagram-node{border:1px solid var(--og-color-border-strong);background:var(--og-color-canvas);min-width:0;color:var(--og-color-fg-muted);letter-spacing:-.15px;border-radius:13px;flex-direction:column;flex:1;align-items:flex-start;gap:15px;padding:20px;font-size:12px;display:flex;box-shadow:0 12px 28px #0000001f,inset 0 1px #ffffff04}.genie-auth-diagram-icon{border:1px solid var(--og-color-border);background:var(--og-color-surface-1);width:37px;height:37px;color:var(--og-color-fg-muted);border-radius:9px;place-items:center;display:grid}.genie-auth-diagram-target{border-color:var(--genie-accent-border,#f4a88c40);background:linear-gradient(var(--genie-accent-soft,#f4a88c14), var(--genie-accent-soft,#f4a88c14)), var(--og-color-canvas);color:var(--og-color-fg)}.genie-auth-diagram-target .genie-auth-diagram-icon{border-color:var(--genie-accent-border,#f4a88c40);background:var(--genie-accent-soft,#f4a88c14);color:var(--genie-accent,#f4a88c)}.genie-auth-diagram-connector{width:62px;color:var(--genie-accent,#f4a88c);flex-shrink:0;place-items:center;display:grid;position:relative}.genie-auth-diagram-connector:before{content:"";z-index:-1;border-top:1px dashed var(--genie-accent-border,#f4a88c40);position:absolute;inset:50% 0 auto}.genie-auth-diagram-connector>svg{box-sizing:content-box;border:1px solid var(--og-color-border);background:var(--og-color-canvas);border-radius:50%;padding:5px}.genie-auth-assurance{color:var(--og-color-fg-subtle);align-items:center;gap:9px;margin:0;font-size:11px;line-height:1.8;display:flex;position:relative}.genie-auth-assurance svg{color:var(--genie-accent,#f4a88c);flex-shrink:0}.genie-auth-form-side{background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--genie-accent,#f4a88c) 3%, transparent), transparent 54%), var(--og-color-bg);place-items:center;min-width:0;padding:68px 40px;display:grid;position:relative}.genie-auth-form{width:100%;max-width:394px}.genie-auth-header{margin-bottom:33px}.genie-auth-header h1{color:var(--og-color-fg);letter-spacing:-1.2px;text-wrap:balance;margin:0;font-size:32px;font-weight:500;line-height:1.22}.genie-auth-header>p:not(.genie-auth-mobile-brand){max-width:380px}.genie-auth-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border:1px solid var(--og-color-border-strong);background:var(--og-color-canvas);min-height:47px;color:var(--og-color-fg);border-radius:8px;padding-left:14px;padding-right:14px;box-shadow:inset 0 1px 2px #00000012}.genie-auth-field>span:first-child{color:var(--og-color-fg-muted);font-size:12px;font-weight:450}.genie-auth-form button[type=submit]{border-radius:8px;min-height:47px;margin-top:5px;font-weight:550;box-shadow:0 3px 10px #00000014,inset 0 1px #ffffff12}.genie-auth-form a{text-underline-offset:4px}.genie-auth-form a:hover{text-decoration:underline}.genie-auth-footer{text-align:center;margin-top:27px}.genie-auth-powered{text-align:center;justify-content:center;align-items:center;gap:9px;margin:37px 0 0;font-size:11px;line-height:1.8;display:flex}.genie-auth-powered:before{content:"";background:var(--og-color-border-strong);flex-shrink:0;width:18px;height:1px}.genie-auth-mobile-brand{display:none}.genie-auth :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--genie-accent,#f4a88c);outline-offset:4px}.genie-auth-form :is(input,select,textarea):focus{border-color:var(--genie-accent,#f4a88c);box-shadow:0 0 0 3px var(--genie-accent-soft,#f4a88c14)}@media (width>=1100px) and (height>=780px){.genie-auth-story{align-self:start;height:100dvh;position:sticky;top:0}}@media (width<=1050px){.genie-auth-story{padding:32px}.genie-auth-pitch{padding:52px 0}.genie-auth-diagram-node{padding:17px}.genie-auth-diagram-connector{width:40px}.genie-auth-form-side{padding:56px 32px}}@media (width<=760px){.genie-auth{background:var(--og-color-bg);grid-template-columns:minmax(0,1fr)}.genie-auth-story{display:none}.genie-auth-form-side{padding:48px 28px}.genie-auth-header{margin-bottom:29px}.genie-auth-header h1{font-size:31px}.genie-auth-mobile-brand{color:var(--genie-accent,#f4a88c);letter-spacing:-1px;align-items:center;gap:11px;margin:0 0 49px;font-size:24px;font-weight:600;display:flex}.genie-auth-mobile-brand>span{color:var(--og-color-fg)}.genie-auth-mobile-brand>span>span{color:var(--og-color-fg-subtle);font-size:17px;font-weight:400}.genie-auth-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:48px;font-size:16px}.genie-auth-form button[type=submit]{min-height:48px}}@media (width<=380px){.genie-auth-form-side{padding:38px 22px}.genie-auth-header h1{font-size:28px}}@media (prefers-reduced-motion:reduce){.genie-auth :is(a,button,input,select,textarea){transition:none}}