.page-module__aydn6q__loginWrapper{justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex}.page-module__aydn6q__loginContainer{width:clamp(320px,40%,768px);height:auto;box-shadow:var(--box-shadow);-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);background-color:#ffffff4d;background-color:lab(100% 0 0/.3);border:3px solid #ffffff80;border:3px solid lab(100% 0 0/.5);border-radius:1rem;flex-direction:column;align-items:center;padding:2rem;display:flex;container-type:inline-size}.page-module__aydn6q__loginLogo{aspect-ratio:1;width:25%}.page-module__aydn6q__loginTitle{text-align:center;color:var(--color-ywcablue);margin-bottom:1rem;font-size:3rem}.page-module__aydn6q__errorBox{color:var(--color-white);background-color:var(--color-red);border-radius:var(--border-radius);flex-direction:column;margin-bottom:1rem;padding:1rem 1.4rem;font-size:1rem;display:flex}.page-module__aydn6q__errorTitle{display:block}.page-module__aydn6q__buttonGoogle{color:#fff;cursor:pointer;width:fit-content;font-size:1rem;font-family:var(--font-primary,sans-serif);background-color:#2563eb;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.75rem 2rem;transition:background-color .2s;display:flex}.page-module__aydn6q__buttonGoogle:hover{background-color:#1d4ed8}.page-module__aydn6q__icon{background-color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;margin-right:.75rem;padding:2px}@keyframes page-module__aydn6q__hero-gradient-animation{0%{--s-start-0:9%;--s-end-0:55%;--c-0:#bdead4;--x-0:85%;--y-0:80%;--x-1:60%;--s-start-1:5%;--s-end-1:72%;--y-1:24%;--c-1:#a3c2ff;--c-2:#f84cff7d;--y-2:82%;--s-start-2:5%;--s-end-2:52%;--x-2:13%;--x-3:24%;--s-start-3:13%;--s-end-3:68%;--c-3:#73e4e8;--y-3:7%}to{--s-start-0:9%;--s-end-0:55%;--c-0:#bdead4;--x-0:31%;--y-0:94%;--x-1:2%;--s-start-1:5%;--s-end-1:72%;--y-1:25%;--c-1:#e8effd;--c-2:#f84cff7d;--y-2:20%;--s-start-2:5%;--s-end-2:52%;--x-2:98%;--x-3:95%;--s-start-3:13%;--s-end-3:68%;--c-3:#73e4e8;--y-3:92%}}@property --s-start-0{syntax:"<percentage>";inherits:false;initial-value:9%}@property --s-end-0{syntax:"<percentage>";inherits:false;initial-value:55%}@property --c-0{syntax:"<color>";inherits:false;initial-value:#bdead4}@property --x-0{syntax:"<percentage>";inherits:false;initial-value:85%}@property --y-0{syntax:"<percentage>";inherits:false;initial-value:80%}@property --x-1{syntax:"<percentage>";inherits:false;initial-value:60%}@property --s-start-1{syntax:"<percentage>";inherits:false;initial-value:5%}@property --s-end-1{syntax:"<percentage>";inherits:false;initial-value:72%}@property --y-1{syntax:"<percentage>";inherits:false;initial-value:24%}@property --c-1{syntax:"<color>";inherits:false;initial-value:#a3c2ff}@property --c-2{syntax:"<color>";inherits:false;initial-value:#f84cff7d}@property --y-2{syntax:"<percentage>";inherits:false;initial-value:82%}@property --s-start-2{syntax:"<percentage>";inherits:false;initial-value:5%}@property --s-end-2{syntax:"<percentage>";inherits:false;initial-value:52%}@property --x-2{syntax:"<percentage>";inherits:false;initial-value:13%}@property --x-3{syntax:"<percentage>";inherits:false;initial-value:24%}@property --s-start-3{syntax:"<percentage>";inherits:false;initial-value:13%}@property --s-end-3{syntax:"<percentage>";inherits:false;initial-value:68%}@property --c-3{syntax:"<color>";inherits:false;initial-value:#73e4e8}@property --y-3{syntax:"<percentage>";inherits:false;initial-value:7%}.page-module__aydn6q__loginWrapper{--c-0:#bdead4;--x-0:85%;--y-0:80%;--x-1:60%;--y-1:24%;--c-1:#a3c2ff;--c-2:#f84cff7d;--y-2:82%;--x-2:13%;--x-3:24%;--c-3:#73e4e8;--y-3:7%;background-color:#fff;background-image:radial-gradient(circle at var(--x-0)var(--y-0),var(--c-0)var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1)var(--y-1),var(--c-1)var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2)var(--y-2),var(--c-2)var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3)var(--y-3),var(--c-3)var(--s-start-3),transparent var(--s-end-3));background-blend-mode:normal,normal,normal,normal;animation:10s linear infinite alternate page-module__aydn6q__hero-gradient-animation}@media (max-width:1024px){.page-module__aydn6q__loginContainer{width:60%}}@media (max-width:768px){.page-module__aydn6q__loginContainer{width:90%}.page-module__aydn6q__loginTitle{font-size:10cqi}}