.menu-overlay.active{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.login__card{z-index:1100;background-color:var(--color-primary);border-radius:var(--radius);width:clamp(320px,90vw,500px);padding:calc((1 - var(--stack))*2rem + var(--stack)*1rem);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000080}.login__card .glare{border-radius:var(--radius);z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.login__card .glare:before{content:"";bottom:0;left:0;mix-blend-mode:color-burn;background:radial-gradient(circle at 0 190%,#050923 0%,#a2a3a800 100%);width:100%;height:100%;display:block;position:absolute;inset:0}.login__card .glare:after{content:"";bottom:0;left:0;mix-blend-mode:lighten;background:radial-gradient(circle at 100% -130%,#364ed5 20%,#14275f00 50%);width:100%;height:100%;display:block;position:absolute;inset:0}.login__card .column__1{padding-bottom:calc((1 - var(--stack))*1rem + var(--stack)*.8rem);margin-bottom:calc((1 - var(--stack))*1rem + var(--stack)*.8rem);z-index:1;border-bottom:1px solid #ffffff30;flex-direction:row;justify-content:space-between;align-items:center;position:relative}.login__card .column__1 h3{font-size:var(--size-md);color:var(--color-secondary)!important}.login__card .column__1 button{cursor:pointer;background-color:#0000;width:auto;height:auto}.login__card .column__1 button svg{aspect-ratio:1;width:1.5rem;height:auto;transition:transform .3s;transform:rotate(45deg)}.login__card .column__1 button svg path{fill:var(--color-secondary)}.login__card .column__1 button:hover svg{transform:rotate(45deg)scale(1.2)}.login__card .login__wrapper{z-index:1;background-color:#0000;position:relative}.login__card .login__wrapper .glare{display:none}.login__card .login__wrapper .login__form h2{color:var(--color-white);font-size:var(--size-md)}.login__card .login__wrapper .login__form form label{color:var(--color-secondary)}.login__card .login__wrapper .login__form .google__access{margin-block:calc((1 - var(--stack))*1.3rem + var(--stack)*1rem);text-align:center;width:100%}.login__card .login__wrapper .login__form .google__access p{color:var(--color-white);font-size:var(--color-xs);margin-bottom:calc((1 - var(--stack))*.5rem + var(--stack)*.3rem)}.login__card .login__wrapper .login__form .google__access .btn__card{border-color:var(--color-secondary-light);text-transform:unset;color:var(--color-white);width:100%;padding-block:.5rem}.login__card .login__wrapper .login__form .google__access .btn__card:hover{background-color:var(--color-secondary);color:var(--color-black);box-shadow:0 0 10px #ffcc9a}.login__card .login__wrapper .login__form .sin__cuenta{width:100%;color:var(--color-gray);font-size:var(--size-2xs);justify-content:center;align-items:center;gap:.3rem;display:flex}.login__card .login__wrapper .login__form .sin__cuenta button{color:var(--color-secondary-light);font-size:inherit;cursor:pointer;background-color:#0000;text-decoration:underline}.login__card .login__wrapper .login__form .sin__cuenta button:hover{color:var(--color-white)}