.auth-layout{--auth-story-background:#0e1011;--auth-story-foreground:#e5e6e7;--auth-story-muted:#949799;--auth-google-blue:#4285f4;--auth-google-green:#34a853;--auth-google-yellow:#fbbc05;--auth-google-red:#ea4335;--auth-orbit:#ffffff1c;--auth-planet-surface:#151718;--auth-planet-orange:#da8664;--auth-planet-green:#7ab996;--auth-planet-blue:#8d9dd2;background:var(--background);min-height:100svh;font-family:var(--font-sans);grid-template-columns:52% 48%;padding:6px;display:grid}.auth-story{background:var(--auth-story-background);min-height:calc(100svh - 12px);color:var(--auth-story-foreground);flex-direction:column;padding:40px clamp(32px,3vw,64px);display:flex;position:relative;overflow:hidden}.auth-story:before{content:"";pointer-events:none;background-image:radial-gradient(var(--auth-story-muted) 1px, transparent 1px);opacity:.18;background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(120deg,#000,#0000 85%);mask-image:linear-gradient(120deg,#000,#0000 85%)}.auth-brand,.auth-mobile-brand{align-items:center;gap:12px;font-size:17px;font-weight:600;display:flex}.auth-brand{z-index:1;--foreground:var(--auth-story-foreground);position:relative}.auth-brand [data-ui=theme-aware-brand-logo]{filter:var(--brand-dark-filter)}.auth-brand img,.auth-mobile-brand img{width:28px;height:28px}.auth-story-content{z-index:1;max-width:560px;margin:auto 0;padding:80px 0;position:relative}.auth-eyebrow{color:var(--auth-story-muted);letter-spacing:.1em;margin-bottom:22px;font-size:13px}.auth-story h1{letter-spacing:-.035em;font-size:clamp(32px,3vw,48px);font-weight:600;line-height:1.3}.auth-story-description{color:var(--auth-story-muted);margin-top:28px;font-size:16px;line-height:1.8}.auth-benefits{gap:20px;margin-top:48px;display:grid}.auth-benefits li{align-items:center;gap:14px;font-size:14px;display:flex}.auth-benefits svg{border:1px solid var(--auth-orbit);border-radius:var(--input-radius);width:34px;height:34px;color:var(--auth-story-muted);background:var(--auth-orbit);padding:7px}.auth-story-footer{z-index:1;letter-spacing:.06em;color:var(--auth-story-muted);font-size:12px;position:relative}.auth-orbits{pointer-events:none;position:absolute;inset:0}.auth-orbits span{aspect-ratio:1;border:1px solid var(--auth-orbit);border-radius:50%;width:48%;position:absolute;top:50%;left:100%;transform:translate(-50%,-50%)}.auth-orbits span:nth-child(2){width:70%;left:100%}.auth-orbits span:nth-child(3){width:92%;left:100%}.auth-panel{border:1px solid var(--border);border-radius:var(--input-radius);background:var(--card);flex-direction:column;min-width:0;display:flex;position:relative}.auth-panel-header{justify-content:flex-end;padding:18px 24px;display:flex}.auth-panel-header button{background:var(--muted);border:1px solid var(--border);border-radius:var(--input-radius);min-height:36px;padding-inline:14px}.auth-mobile-brand{display:none}.auth-form-container{width:min(68%,520px);margin:clamp(36px,7vh,80px) auto auto;padding-bottom:48px}.auth-form{flex-direction:column;display:flex}.auth-form-heading{gap:10px;display:grid}.auth-form h2{font-size:var(--type-title);letter-spacing:-.02em;font-weight:600;line-height:1.4}.auth-form-heading>p,.auth-form>div>p{font-size:var(--type-body);line-height:1.7}.auth-layout .landing-auth-input{border-radius:var(--input-radius);background:var(--secondary);height:44px;box-shadow:none;border:1px solid #0000;font-size:14px}.auth-layout .landing-auth-input:enabled:not([readonly]):not([aria-invalid=true]):hover{border-color:#0000}.auth-layout .landing-auth-input:not([aria-invalid=true]):focus-visible{box-shadow:0 0 0 1px var(--ring);border-color:#0000;outline:none}.auth-layout .landing-auth-input:disabled{background:var(--control-disabled);color:var(--control-disabled-foreground);opacity:1}.auth-layout .landing-auth-input[readonly]{background:var(--muted)}.auth-layout .landing-auth-input[aria-invalid=true]{box-shadow:0 0 0 1px var(--destructive);border-color:#0000}.auth-layout .landing-auth-input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 1px var(--destructive)}.auth-layout .landing-auth-submit{border-radius:var(--control-radius);background:var(--primary);min-height:44px;font-size:14px}.auth-layout .landing-auth-submit:hover{background:var(--primary-hover)}.auth-layout .landing-auth-submit:focus-visible{outline-color:var(--ring)}.auth-layout .auth-google{border-radius:var(--control-radius);background:var(--muted);min-height:44px;color:var(--foreground);box-shadow:none;border:0;font-size:14px;font-weight:600;position:relative}.auth-layout .auth-google:hover{background:var(--border)}.auth-google-mark{width:20px;height:20px;position:absolute;left:16px}.auth-divider{text-align:center;align-items:center;gap:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-form .auth-mode-nav{border-top:1px solid var(--border);order:10;justify-content:center;margin-top:30px;padding-top:24px;display:flex}.auth-mode-nav{gap:6px;font-size:14px}.auth-mode-nav a{color:var(--foreground);border:0;flex:none;padding:0;font-size:14px}.auth-mode-nav a[aria-current=page]{display:none}.auth-form>p:last-child{order:11}@media (min-width:1024px) and (max-height:760px){.auth-form-container{margin-top:36px}.auth-story-content{padding-block:50px}}@media (max-width:1023px){.auth-layout{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{border-radius:var(--input-radius);min-height:calc(100svh - 12px)}.auth-mobile-brand{width:min(100% - 48px,460px);margin:20px auto 0;display:flex}.auth-form-container{width:min(100% - 48px,460px);margin:32px auto auto;padding-bottom:36px}.auth-panel-header{padding:16px}}.auth-layout .cl-footer p:has(a[href*=clerk\.com]){display:none}.auth-layout .cl-footer>div:last-child:has(a[href*=clerk\.com]){display:none}.auth-layout .cl-headerTitle{font-size:var(--type-title)!important;line-height:1.4!important}.auth-layout .cl-headerSubtitle,.auth-layout .cl-formFieldLabel,.auth-layout .cl-formFieldInput,.auth-layout .cl-formButtonPrimary,.auth-layout .cl-socialButtonsBlockButtonText,.auth-layout .cl-footerAction,.auth-layout .cl-footerActionLink{font-size:14px!important;line-height:1.5!important}.auth-layout .cl-formFieldInput{border-radius:var(--input-radius)!important;background:var(--secondary)!important;min-height:44px!important}.auth-layout .cl-formButtonPrimary{border-radius:var(--control-radius)!important;background:var(--primary)!important;min-height:44px!important;box-shadow:none!important}.auth-form label{font-size:14px}.auth-orbits span{--planet-color:var(--auth-planet-orange);animation:120s linear infinite auth-orbit-turn}.auth-orbits span:nth-child(2){--planet-color:var(--auth-planet-green);animation-duration:180s;animation-direction:reverse}.auth-orbits span:nth-child(3){--planet-color:var(--auth-planet-blue);animation-duration:240s}.auth-orbits span:before,.auth-orbits span:after{content:"";background:radial-gradient(ellipse at 33% 34%, #00000050 0 7%, #ffffff24 9%, transparent 13%), radial-gradient(ellipse at 65% 58%, #0005 0 10%, #ffffff20 12%, transparent 16%), radial-gradient(ellipse at 30% 70%, #00000040 0 5%, #ffffff20 7%, transparent 11%), radial-gradient(ellipse at 59% 23%, #00000038 0 4%, transparent 8%), radial-gradient(circle at 28% 24%, #ffffff45, transparent 44%), radial-gradient(circle at 26% 28%, var(--planet-color) 10%, color-mix(in srgb, var(--planet-color) 76%, #151718) 48%, #151718 95%);border-radius:50%;width:20px;height:20px;position:absolute;top:calc(50% - 10px);left:-10px;box-shadow:inset -4px -3px 5px #00000060,inset 1px 1px 1px #ffffff24,1px 2px 5px #00000050}.auth-orbits span:nth-child(2):before{width:18px;height:18px;top:calc(50% - 9px);left:-9px;transform:rotate(35deg)}.auth-orbits span:nth-child(3):before{width:16px;height:16px;top:calc(50% - 8px);left:-8px;transform:rotate(-25deg)}.auth-orbits span:after{opacity:.75;width:10px;height:10px;top:calc(14.6% - 5px);left:calc(14.6% - 5px)}@keyframes auth-orbit-turn{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-orbits span{animation:none}}.auth-form .auth-mode-nav{flex-wrap:wrap;align-items:center;gap:12px}.auth-mode-nav a[href*=sign-up]:not([aria-current=page]){background:0 0;justify-content:center;align-items:center;min-height:40px;padding:4px 0;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.auth-mode-nav a[href*=sign-up]:hover{text-underline-offset:4px;text-decoration:underline}.auth-layout :is(button,a):focus-visible{outline-offset:0}@media (pointer:coarse){.auth-layout .landing-auth-input,.auth-layout .cl-formFieldInput{font-size:16px!important}}.auth-layout .cl-formFieldInput{box-shadow:none!important;border-color:#0000!important}.auth-layout .cl-formFieldInput[aria-invalid=true]{box-shadow:0 0 0 1px var(--destructive)!important;border-color:#0000!important}.auth-layout .cl-formFieldInput:enabled:not([readonly]):not([aria-invalid=true]):is(:hover,:focus-visible){border-color:#0000!important}.auth-layout .cl-formFieldInput:focus-visible{box-shadow:0 0 0 1px var(--ring)!important}.auth-layout .cl-formFieldInput[aria-invalid=true]:focus-visible{box-shadow:0 0 0 1px var(--destructive)!important}.auth-layout .cl-formFieldInput:disabled{background:var(--control-disabled)!important;color:var(--control-disabled-foreground)!important}.auth-layout .cl-formFieldInput[readonly]{background:var(--muted)!important}.auth-mode-nav a:not([aria-current=page]){border-radius:var(--control-radius);justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-weight:500;display:inline-flex}.auth-mode-nav a:not([aria-current=page]):hover{background:var(--control-hover)}