.login-scope{--ss-orange:31 88% 56%;--ss-orange-soft:27 95% 63%;--ss-amber:38 90% 58%;--ss-dark:24 12% 12%}@property --login-angle-1{syntax:"<angle>";inherits:false;initial-value:-75deg}@property --login-angle-2{syntax:"<angle>";inherits:false;initial-value:-45deg}.login-scope .login-bg{position:absolute;inset:0;overflow:hidden;background:hsl(var(--background))}.login-scope .login-bg-layer{position:absolute;inset:-25%;will-change:transform;transform:translateZ(0)}.login-scope .login-bg-a{background:radial-gradient(40% 46% at 20% 76%,hsl(var(--ss-orange)/.6),transparent 72%),radial-gradient(36% 42% at 84% 24%,hsl(var(--ss-orange-soft)/.55),transparent 72%);animation:login-drift-a 24s ease-in-out infinite}.login-scope .login-bg-b{background:radial-gradient(30% 36% at 12% 18%,hsl(var(--ss-amber)/.45),transparent 70%),radial-gradient(52% 58% at 90% 92%,hsl(var(--ss-dark)/.32),transparent 66%);animation:login-drift-b 30s ease-in-out infinite}@keyframes login-drift-a{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-3%,3%,0) scale(1.06)}}@keyframes login-drift-b{0%,to{transform:translateZ(0) scale(1.04)}50%{transform:translate3d(3%,-3%,0) scale(1)}}@keyframes login-blur-in{0%{opacity:0;transform:translateY(8px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.login-fade-in{opacity:0;animation:login-blur-in .6s cubic-bezier(.25,1,.5,1) forwards;animation-delay:var(--d,0ms)}.login-scope .login-glass-input-wrap{position:relative;z-index:2;border-radius:9999px}.login-scope .login-glass-input{display:flex;position:relative;width:100%;align-items:center;gap:.5rem;border-radius:9999px;padding:.25rem;-webkit-tap-highlight-color:transparent;transition:all .4s cubic-bezier(.25,1,.5,1);background:linear-gradient(-75deg,hsl(var(--background)/35%),hsl(var(--background)/55%),hsl(var(--background)/35%));box-shadow:inset 0 .125em .125em hsl(var(--foreground)/5%),inset 0 -.125em .125em hsl(var(--background)/50%),0 .25em .125em -.125em hsl(var(--foreground)/20%),0 0 .1em .25em inset hsl(var(--background)/20%)}.login-scope .login-glass-input-wrap:focus-within .login-glass-input{box-shadow:inset 0 .125em .125em hsl(var(--foreground)/5%),inset 0 -.125em .125em hsl(var(--background)/50%),0 .15em .05em -.1em hsl(var(--foreground)/25%),0 0 .05em .1em inset hsl(var(--background)/50%)}.login-scope .login-glass-input:after{content:"";position:absolute;z-index:1;inset:0;border-radius:9999px;width:calc(100% + clamp(1px, .0625em, 4px));height:calc(100% + clamp(1px, .0625em, 4px));top:calc(0% - clamp(1px, .0625em, 4px) / 2);left:calc(0% - clamp(1px, .0625em, 4px) / 2);padding:clamp(1px,.0625em,4px);box-sizing:border-box;background:conic-gradient(from var(--login-angle-1) at 50% 50%,hsl(var(--foreground)/50%) 0,transparent 5% 40%,hsl(var(--foreground)/50%) 50%,transparent 60% 95%,hsl(var(--foreground)/50%) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;transition:all .4s cubic-bezier(.25,1,.5,1),--login-angle-1 .5s ease;pointer-events:none}.login-scope .login-glass-input-wrap:focus-within .login-glass-input:after{--login-angle-1:-125deg}.login-scope .login-glass-sheen{position:absolute;inset:0;border-radius:9999px;pointer-events:none}.login-scope .login-glass-sheen:after{content:"";display:block;position:absolute;width:calc(100% - clamp(1px, .0625em, 4px));height:calc(100% - clamp(1px, .0625em, 4px));top:calc(0% + clamp(1px, .0625em, 4px) / 2);left:calc(0% + clamp(1px, .0625em, 4px) / 2);box-sizing:border-box;border-radius:9999px;overflow:clip;background:linear-gradient(var(--login-angle-2),transparent 0,hsla(0,0%,100%,.45) 40% 50%,transparent 55%);z-index:3;mix-blend-mode:screen;background-size:200% 200%;background-position:0 50%;transition:background-position .5s cubic-bezier(.25,1,.5,1)}.login-scope .login-glass-input-wrap:focus-within .login-glass-sheen:after{background-position:25% 50%}.login-scope .login-glass-btn{position:relative;cursor:pointer;border:none;border-radius:9999px;padding:.8rem 1.5rem;font-weight:600;color:hsl(var(--primary-foreground));background:hsl(var(--primary));box-shadow:0 1px 2px hsl(var(--foreground)/20%),0 6px 16px hsl(var(--foreground)/14%);-webkit-tap-highlight-color:transparent;transition:background-color .25s ease,color .25s ease,box-shadow .25s ease,transform .15s ease}.login-scope .login-glass-btn:focus-visible:not(:disabled),.login-scope .login-glass-btn:hover:not(:disabled){background:hsl(var(--ss-orange));color:#1a1a1a;box-shadow:0 2px 6px hsl(var(--ss-orange)/45%),0 10px 22px hsl(var(--ss-orange)/32%)}.login-scope .login-glass-btn:active:not(:disabled){transform:scale(.98)}.login-scope .login-glass-btn:disabled{cursor:not-allowed;opacity:.65}.login-scope .login-glass-input-wrap:focus-within{outline:2px solid hsl(var(--ring));outline-offset:2px;border-radius:9999px}.login-scope a:focus-visible,.login-scope button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;border-radius:9999px}@media (prefers-reduced-motion:reduce){.login-fade-in{opacity:1;animation:none}.login-scope .login-bg-a,.login-scope .login-bg-b{animation:none}}.login-scope input:-webkit-autofill,.login-scope input:-webkit-autofill:active,.login-scope input:-webkit-autofill:focus,.login-scope input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px transparent!important;-webkit-text-fill-color:hsl(var(--foreground))!important;caret-color:hsl(var(--foreground))!important;background-clip:content-box!important;transition:background-color 5000s ease-in-out 0s!important}