.auth-orbit-shell{--radius-card:40px;--radius-field:20px;isolation:isolate;min-height:calc(100 * var(--svh));background:var(--bg);color:var(--fg);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:64px 24px 48px;display:flex;position:relative}.auth-orbit-art{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-orbit-art:before{content:"";background:radial-gradient(ellipse at 50% 45%, color-mix(in srgb, var(--primary) 5%, transparent), transparent 65%);position:absolute;inset:0}.auth-language{top:22px;right:clamp(20px, calc(4 * var(--vw)), 64px);gap:4px;display:flex;position:absolute}.auth-orbit-brand{color:var(--primary);letter-spacing:.1em;animation:auth-orbit-enter .65s var(--ease-brand) backwards;border-radius:8px;margin-bottom:46px;font-size:30px;font-weight:600;line-height:1.3}.auth-orbit-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--glass-strong);width:100%;max-width:480px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 18px 56px color-mix(in srgb, var(--fg) 7%, transparent), 0 4px 18px color-mix(in srgb, var(--primary) 3%, transparent);animation:auth-orbit-enter .65s var(--ease-brand) backwards;padding:38px 42px}.auth-orbit-card .auth-header{text-align:left;align-items:flex-start;gap:8px;margin-bottom:8px}.auth-orbit-card .auth-header h1{font-size:clamp(26px, calc(2.8 * var(--vw)), 34px);letter-spacing:-.035em;line-height:1.2}.auth-orbit-card .auth-header p{max-width:none;font-size:16px;line-height:1.55}.auth-orbit-card .auth-header-icon{background:0 0;width:38px;height:38px;margin-bottom:4px}.auth-orbit-card .auth-header-icon svg{width:32px;height:32px}.auth-orbit-card form{gap:22px}.auth-orbit-card input{border-radius:var(--radius-field);background:var(--input);min-height:50px}.auth-orbit-card .auth-submit{border-radius:var(--radius-field);min-height:50px;margin-top:8px;font-size:16px}.auth-orbit-card .auth-footer{margin-top:6px;padding-top:22px}.auth-orbit-tagline{text-align:center;max-width:30rem;color:var(--muted);margin-top:48px;font-size:14px;line-height:1.6}.auth-orbit-tagline>a{color:inherit;transition:color .18s var(--ease-brand)}@media (hover:hover) and (pointer:fine){.auth-orbit-tagline>a:hover{color:var(--primary)}}.auth-orbit-ring{border-radius:50%;width:900px;height:900px;position:absolute}.auth-orbit-ring>i{border-radius:inherit;position:absolute;inset:12%}.auth-orbit-ring>i+i{inset:25%}.auth-orbit-ring:before,.auth-orbit-ring>i:before{content:"";border-radius:inherit;background:conic-gradient(from 35deg, color-mix(in srgb, var(--primary) 8%, transparent), color-mix(in srgb, var(--primary) 30%, transparent), color-mix(in srgb, var(--primary) 10%, transparent) 52%, color-mix(in srgb, var(--primary) 22%, transparent), color-mix(in srgb, var(--primary) 8%, transparent));padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth-orb:after{content:"";border-radius:inherit;background:conic-gradient(from 35deg, transparent, color-mix(in srgb, var(--primary) 42%, transparent), color-mix(in srgb, var(--surface) 65%, transparent), transparent 52%, color-mix(in srgb, var(--primary) 28%, transparent), transparent);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth-orbit-ring-left{top:calc(50% - 450px);right:calc(50% + 300px)}.auth-orbit-ring-right{top:calc(50% - 380px);left:calc(50% + 340px)}.auth-orb{background:radial-gradient(circle at 30% 23%, color-mix(in srgb, var(--surface) 95%, transparent), transparent 42%), radial-gradient(circle at 65% 75%, color-mix(in srgb, var(--primary) 24%, var(--surface)), color-mix(in srgb, var(--primary) 5%, var(--surface)) 75%);box-shadow:inset -4px -6px 12px color-mix(in srgb, var(--primary) 12%, transparent), inset 3px 4px 12px var(--surface), 0 8px 32px color-mix(in srgb, var(--primary) 4%, transparent);border:0;border-radius:50%;animation:16s ease-in-out infinite alternate auth-orb-drift;position:absolute}.auth-orb-one{width:88px;height:94px;top:25%;left:8%;transform:rotate(-20deg)}.auth-orb-two{width:112px;height:126px;animation-duration:20s;animation-delay:-7s;top:68%;right:9%}.auth-orb-three{width:38px;height:40px;animation-duration:18s;animation-delay:-11s;top:42%;right:7%}.auth-orb-four{width:32px;height:34px;animation-delay:-4s;top:73%;left:9%}.auth-orbit-dot{background:color-mix(in srgb, var(--primary) 26%, var(--surface));border-radius:50%;width:10px;height:10px;position:absolute}.auth-orbit-dot-one{top:72%;left:21%}.auth-orbit-dot-two{top:23%;right:16%}@keyframes auth-orbit-enter{0%{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes auth-orb-drift{0%{translate:-10px -12px;rotate:-9deg}to{translate:16px 15px;rotate:9deg}}@media (max-width:639px){.auth-orbit-shell{justify-content:flex-start;padding:82px 20px 170px}.auth-orbit-brand{margin-bottom:28px;font-size:25px}.auth-orbit-card{border-radius:32px;padding:28px 24px}.auth-orbit-card .auth-header h1{font-size:27px}.auth-orbit-card .auth-header p{font-size:14px}.auth-orbit-tagline{margin-top:28px;font-size:13px}.auth-orb-one{top:150px;left:-38px}.auth-orb-two{top:64%;right:-56px}.auth-orbit-ring-left{right:45%}.auth-orbit-ring-right{left:65%}}@media (prefers-reduced-motion:reduce){.auth-orbit-brand,.auth-orbit-card,.auth-orb{animation:none}}@media (min-width:640px) and (max-height:820px){.auth-orbit-shell{padding-top:32px;padding-bottom:28px}.auth-orbit-brand{margin-bottom:26px;font-size:27px}.auth-orbit-card{padding:26px 36px}.auth-orbit-card form{gap:16px}.auth-orbit-card .auth-header{margin-bottom:0}.auth-orbit-card .auth-header h1{font-size:30px}.auth-orbit-card .auth-header p{font-size:14px}.auth-orbit-tagline{margin-top:24px}}@media (max-width:639px){body:has(.auth-orbit-shell) [data-floating-tool]{bottom:max(12px, env(safe-area-inset-bottom))!important}body:has(.auth-orbit-shell) [data-floating-tool=updates]{right:12px!important}body:has(.auth-orbit-shell) [data-floating-tool=cards]{right:128px!important}body:has(.auth-orbit-shell) [data-floating-tool=theme]{right:244px!important}body:has(.auth-orbit-shell) [data-floating-tool=cards]>div{right:-116px}body:has(.auth-orbit-shell) [data-floating-tool=theme]>button{justify-content:center;gap:0;width:44px;padding-inline:0;font-size:0}body:has(.auth-orbit-shell):not(:has([data-floating-tool=cards])) [data-floating-tool=theme]{right:128px!important}}.auth-orbit-stage{width:100%;max-width:480px;transition:height .65s var(--ease-brand)}.auth-orbit-scene{transition:transform 2.1s cubic-bezier(.65,0,.35,1);position:absolute;inset:0;transform:scale(1)rotate(0)}[data-auth-mode=signup] .auth-orbit-scene{transform:scale(1.14)rotate(5deg)}[data-auth-mode=forgot-password] .auth-orbit-scene{transform:scale(.82)rotate(-6deg)}[data-auth-mode=verify] .auth-orbit-scene{transform:scale(1.07)rotate(-3deg)}[data-auth-mode=reset-password] .auth-orbit-scene{transform:scale(1.2)rotate(8deg)}.auth-language-motion{animation:auth-content-enter .6s var(--ease-brand) backwards;position:absolute;inset:0 0 auto}.auth-orbit-tagline{animation:auth-content-enter .65s 90ms var(--ease-brand) backwards}.auth-orbit-card .auth-header,.auth-orbit-card form>*,.auth-orbit-card .auth-footer{animation:auth-content-enter .6s var(--ease-brand) backwards}.auth-orbit-card form>:nth-child(2){animation-delay:45ms}.auth-orbit-card form>:nth-child(3){animation-delay:80ms}.auth-orbit-card form>:nth-child(n+4){animation-delay:.11s}.auth-orbit-card .auth-footer{animation-delay:.14s}.auth-orb-five{opacity:.55;width:57px;height:57px;animation-duration:23s;animation-delay:-6s;top:13%;left:27%}.auth-orb-six{opacity:.35;width:145px;height:145px;animation-duration:26s;animation-delay:-13s;top:82%;right:20%}.auth-orb-seven{opacity:.65;width:23px;height:23px;animation-duration:19s;animation-delay:-3s;top:86%;left:32%}.auth-orb-eight{opacity:.4;width:68px;height:68px;animation-duration:24s;animation-delay:-17s;top:9%;right:24%}@keyframes auth-content-enter{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.auth-orbit-stage,.auth-orbit-scene{transition:none}.auth-orbit-shell *,.auth-orbit-shell :before,.auth-orbit-shell :after{animation:none!important}}.auth-orb-nine{width:92px;height:92px;animation-duration:25s;animation-delay:-9s;top:48%;left:-7%}.auth-orb-ten{width:64px;height:64px;animation-duration:22s;animation-delay:-15s;top:27%;right:-6%}.auth-orb-eleven{width:110px;height:110px;animation-duration:27s;animation-delay:-5s;top:-11%;left:37%}.auth-orb-twelve{width:47px;height:47px;animation-duration:21s;animation-delay:-18s;bottom:-8%;right:34%}.auth-orbit-card .auth-field-error{border-radius:var(--radius-field);border:1px solid color-mix(in srgb, var(--destructive) 22%, var(--border));background:color-mix(in srgb, var(--destructive) 6%, var(--surface));animation:auth-content-enter .22s var(--ease-brand) backwards;padding:10px 12px;line-height:1.5}.auth-orbit-tracks{transition:transform 2.1s cubic-bezier(.65,0,.35,1);position:absolute;inset:0;transform:scale(1)}[data-auth-mode=signup] .auth-orbit-tracks{transform:scale(1.03)rotate(2deg)}[data-auth-mode=forgot-password] .auth-orbit-tracks{transform:scale(.96)rotate(-2deg)}[data-auth-mode=verify] .auth-orbit-tracks{transform:scale(1.02)rotate(-1deg)}[data-auth-mode=reset-password] .auth-orbit-tracks{transform:scale(1.06)rotate(3deg)}.auth-orb{--orb-x:0px;--orb-y:0px;transform:translate(var(--orb-x), var(--orb-y));transition:transform 2.1s cubic-bezier(.65,0,.35,1)}[data-auth-mode=signup] .auth-orb{--orb-x:32px;--orb-y:-24px}[data-auth-mode=forgot-password] .auth-orb{--orb-x:-38px;--orb-y:30px}[data-auth-mode=verify] .auth-orb{--orb-x:18px;--orb-y:26px}[data-auth-mode=reset-password] .auth-orb{--orb-x:42px;--orb-y:-35px}.auth-orb:nth-of-type(2n){transform:translate(calc(-1 * var(--orb-x)), calc(-1 * var(--orb-y)))}.auth-orb:nth-of-type(3n){transform:translate(var(--orb-y), var(--orb-x))}@media (prefers-reduced-motion:reduce){.auth-orbit-tracks,.auth-orb{transition:none}}.auth-orbit-shell[data-auth-leaving]{overflow:clip}[data-auth-leaving] .auth-orbit-stage{opacity:0;filter:blur(3px);transition:transform 1.1s cubic-bezier(.65,0,.35,1),opacity 1.1s ease-in,filter 1.1s ease-in;transform:scale(1.14)}[data-auth-leaving] .auth-orbit-scene{opacity:0;transition:transform 1.2s cubic-bezier(.65,0,.35,1),opacity 1.2s ease-in;transform:scale(2.5)}[data-auth-leaving] .auth-orbit-tracks{opacity:0;transition:transform 1.2s cubic-bezier(.65,0,.35,1),opacity 1.2s ease-in;transform:scale(1.65)}[data-auth-leaving] .auth-orb{transform:translate(calc(-40 * var(--vw)), calc(-30 * var(--vh)));transition:transform 1.2s cubic-bezier(.65,0,.35,1)}[data-auth-leaving] .auth-orb:nth-of-type(2n){transform:translate(calc(40 * var(--vw)), calc(30 * var(--vh)))}[data-auth-leaving] .auth-orb:nth-of-type(3n){transform:translate(calc(35 * var(--vw)), calc(-40 * var(--vh)))}[data-auth-leaving] .auth-orbit-brand,[data-auth-leaving] .auth-orbit-tagline,[data-auth-leaving] .auth-language-motion{opacity:0;transition:opacity .8s ease-in,scale 1.1s cubic-bezier(.65,0,.35,1);animation:none;scale:1.12}@media (prefers-reduced-motion:reduce){[data-auth-leaving] .auth-orbit-stage,[data-auth-leaving] .auth-orbit-scene,[data-auth-leaving] .auth-orbit-tracks,[data-auth-leaving] .auth-orb,[data-auth-leaving] .auth-orbit-brand,[data-auth-leaving] .auth-orbit-tagline,[data-auth-leaving] .auth-language-motion{transition:none}}.auth-orbit-ring,.auth-orbit-ring>i,.auth-orbit-ring:before,.auth-orbit-ring>i:before,.auth-orb,.auth-orb:after,.auth-orbit-dot{corner-shape:round}.auth-orbit-shell .rounded-field{border-radius:var(--radius-field)}.auth-orbit-shell .rounded-card{border-radius:var(--radius-card)}
