@property --angle-1{syntax:"<angle>";inherits:false;initial-value:-75deg}@property --angle-2{syntax:"<angle>";inherits:false;initial-value:-45deg}.glass-auth{--ga-green:#00a86b;--ga-deep:#117c3c;--ga-mint:#8fe3b8;--ga-lime:#d4f5c4;--ga-edge:#0f172a;--ga-fill:#fff}@keyframes glass-float-1{50%{transform:translate(-10px,10px)}}@keyframes glass-float-2{50%{transform:translate(10px,-10px)}}.glass-float-1{animation:20s ease-in-out infinite glass-float-1}.glass-float-2{animation:25s ease-in-out infinite glass-float-2}@media (prefers-reduced-motion:reduce){.glass-float-1,.glass-float-2{animation:none}}.glass-auth input[type=password]::-ms-reveal{display:none}.glass-auth input[type=password]::-ms-clear{display:none}.glass-auth input:-webkit-autofill{-webkit-text-fill-color:var(--ga-edge)!important;caret-color:var(--ga-edge)!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.glass-auth input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ga-edge)!important;caret-color:var(--ga-edge)!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.glass-auth input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ga-edge)!important;caret-color:var(--ga-edge)!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.glass-auth input:-webkit-autofill:active{-webkit-text-fill-color:var(--ga-edge)!important;caret-color:var(--ga-edge)!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.glass-button-wrap{--anim-time:.4s;--anim-ease:cubic-bezier(.25, 1, .5, 1);--border-width:clamp(1px, .0625em, 4px);z-index:2;transform-style:preserve-3d;transition:transform var(--anim-time) var(--anim-ease);position:relative}.glass-button-wrap:has(.glass-button:active){transform:rotateX(25deg)}.glass-button-shadow{--shadow-cutoff-fix:2em;width:calc(100% + var(--shadow-cutoff-fix));height:calc(100% + var(--shadow-cutoff-fix));top:calc(0% - var(--shadow-cutoff-fix) / 2);left:calc(0% - var(--shadow-cutoff-fix) / 2);filter:blur(clamp(2px,.125em,12px));transition:filter var(--anim-time) var(--anim-ease);pointer-events:none;z-index:0;position:absolute}.glass-button-shadow:after{content:"";background:linear-gradient(180deg, oklch(from var(--ga-edge) l c h / 20%), oklch(from var(--ga-edge) l c h / 10%));width:calc(100% - var(--shadow-cutoff-fix) - .25em);height:calc(100% - var(--shadow-cutoff-fix) - .25em);inset:0;top:calc(var(--shadow-cutoff-fix) - .5em);left:calc(var(--shadow-cutoff-fix) - .875em);box-sizing:border-box;transition:all var(--anim-time) var(--anim-ease);border-radius:9999px;padding:.125em;position:absolute;-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}.glass-button{-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(clamp(1px,.125em,4px));backdrop-filter:blur(clamp(1px,.125em,4px));transition:all var(--anim-time) var(--anim-ease);background:linear-gradient(-75deg, oklch(from var(--ga-fill) l c h / 5%), oklch(from var(--ga-fill) l c h / 20%), oklch(from var(--ga-fill) l c h / 5%));box-shadow:inset 0 .125em .125em oklch(from var(--ga-edge) l c h / 5%), inset 0 -.125em .125em oklch(from var(--ga-fill) l c h / 50%), 0 .25em .125em -.125em oklch(from var(--ga-edge) l c h / 20%), 0 0 .1em .25em inset oklch(from var(--ga-fill) l c h / 20%)}.glass-button:hover{-webkit-backdrop-filter:blur(.01em);backdrop-filter:blur(.01em);box-shadow:inset 0 .125em .125em oklch(from var(--ga-edge) l c h / 5%), inset 0 -.125em .125em oklch(from var(--ga-fill) l c h / 50%), 0 .15em .05em -.1em oklch(from var(--ga-edge) l c h / 25%), 0 0 .05em .1em inset oklch(from var(--ga-fill) l c h / 50%);transform:scale(.975)}.glass-button:focus-visible{outline:2px solid var(--ga-green);outline-offset:3px}.glass-button:disabled{cursor:not-allowed;opacity:.6}.glass-button-text{color:oklch(from var(--ga-edge) l c h / 90%);text-shadow:0 .25em .05em oklch(from var(--ga-edge) l c h / 10%);transition:all var(--anim-time,.4s) cubic-bezier(.25, 1, .5, 1)}.glass-button-text:after{content:"";width:calc(100% - var(--border-width));height:calc(100% - var(--border-width));top:calc(0% + var(--border-width) / 2);left:calc(0% + var(--border-width) / 2);box-sizing:border-box;background:linear-gradient(var(--angle-2), transparent 0%, oklch(from var(--ga-fill) l c h / 50%) 40% 50%, transparent 55%);z-index:3;mix-blend-mode:screen;pointer-events:none;background-position:0%;background-size:200% 200%;border-radius:9999px;transition:background-position .5s cubic-bezier(.25,1,.5,1),--angle-2 .5s cubic-bezier(.25,1,.5,1);display:block;position:absolute;overflow:clip}.glass-button:hover .glass-button-text:after{background-position:25%}.glass-button:active .glass-button-text:after{--angle-2:-15deg;background-position:50% 15%}.glass-button:after{content:"";z-index:1;width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));inset:0;top:calc(0% - var(--border-width) / 2);left:calc(0% - var(--border-width) / 2);padding:var(--border-width);box-sizing:border-box;background:conic-gradient(from var(--angle-1) at 50% 50%, oklch(from var(--ga-edge) l c h / 40%) 0%, transparent 5% 40%, oklch(from var(--ga-edge) l c h / 40%) 50%, transparent 60% 95%, oklch(from var(--ga-edge) l c h / 40%) 100%), linear-gradient(180deg, oklch(from var(--ga-fill) l c h / 50%), oklch(from var(--ga-fill) l c h / 50%));transition:all var(--anim-time) var(--anim-ease), --angle-1 .5s ease;pointer-events:none;border-radius:9999px;position:absolute;-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}.glass-button:hover:after{--angle-1:-125deg}.glass-button:active:after{--angle-1:-75deg}.glass-button-wrap:has(.glass-button:hover) .glass-button-shadow{filter:blur(clamp(2px,.0625em,6px))}.glass-button-wrap:has(.glass-button:hover) .glass-button-shadow:after{top:calc(var(--shadow-cutoff-fix) - .875em)}@media (hover:none) and (pointer:coarse){.glass-button:after,.glass-button:hover:after,.glass-button:active:after{--angle-1:-75deg}}@media (prefers-reduced-motion:reduce){.glass-button,.glass-button-wrap,.glass-button-text,.glass-input{transition:none}}.glass-input-wrap{z-index:2;transform-style:preserve-3d;border-radius:9999px;position:relative}.glass-input{-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(clamp(1px,.125em,4px));backdrop-filter:blur(clamp(1px,.125em,4px));background:linear-gradient(-75deg, oklch(from var(--ga-fill) l c h / 25%), oklch(from var(--ga-fill) l c h / 45%), oklch(from var(--ga-fill) l c h / 25%));width:100%;min-height:3rem;box-shadow:inset 0 .125em .125em oklch(from var(--ga-edge) l c h / 5%), inset 0 -.125em .125em oklch(from var(--ga-fill) l c h / 50%), 0 .25em .125em -.125em oklch(from var(--ga-edge) l c h / 20%), 0 0 .1em .25em inset oklch(from var(--ga-fill) l c h / 20%);border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem;transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.glass-input-wrap:focus-within .glass-input{-webkit-backdrop-filter:blur(.01em);backdrop-filter:blur(.01em);box-shadow:inset 0 .125em .125em oklch(from var(--ga-edge) l c h / 5%), inset 0 -.125em .125em oklch(from var(--ga-fill) l c h / 50%), 0 .15em .05em -.1em oklch(from var(--ga-edge) l c h / 25%), 0 0 .05em .1em inset oklch(from var(--ga-fill) l c h / 50%), 0 0 0 2px var(--ga-green)}.glass-input:after{content:"";z-index:1;box-sizing:border-box;background:conic-gradient(from var(--angle-1) at 50% 50%, oklch(from var(--ga-edge) l c h / 35%) 0%, transparent 5% 40%, oklch(from var(--ga-edge) l c h / 35%) 50%, transparent 60% 95%, oklch(from var(--ga-edge) l c h / 35%) 100%), linear-gradient(180deg, oklch(from var(--ga-fill) l c h / 50%), oklch(from var(--ga-fill) l c h / 50%));pointer-events:none;border-radius:9999px;width:calc(100% + clamp(1px,.0625em,4px));height:calc(100% + clamp(1px,.0625em,4px));padding:clamp(1px,.0625em,4px);transition:all .4s cubic-bezier(.25,1,.5,1),--angle-1 .5s;position:absolute;inset:calc(0% - clamp(1px,.0625em,4px)/2) 0 0 calc(0% - clamp(1px,.0625em,4px)/2);-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}.glass-input-wrap:focus-within .glass-input:after{--angle-1:-125deg}.glass-input-text-area{pointer-events:none;border-radius:9999px;position:absolute;inset:0}.glass-input-text-area:after{content:"";box-sizing:border-box;background:linear-gradient(var(--angle-2), transparent 0%, oklch(from var(--ga-fill) l c h / 50%) 40% 50%, transparent 55%);z-index:3;mix-blend-mode:screen;pointer-events:none;background-position:0%;background-size:200% 200%;border-radius:9999px;width:calc(100% - clamp(1px,.0625em,4px));height:calc(100% - clamp(1px,.0625em,4px));transition:background-position .5s cubic-bezier(.25,1,.5,1),--angle-2 .5s cubic-bezier(.25,1,.5,1);display:block;position:absolute;top:calc(0% + clamp(1px,.0625em,4px)/2);left:calc(0% + clamp(1px,.0625em,4px)/2);overflow:clip}.glass-input-wrap:focus-within .glass-input-text-area:after{background-position:25%}