:root{--primary-color:#02b2dd;--primary-color-hover:#0299c2;--error-color:#691911;--error-bg-color:#f4d6d2;--error-border-color:#f0c5c1;--white:#fff;--black:#000;--gray-light:#ddd;--gray-dark:#303030;--font-family-primary:"Galano", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-bold:"Galano-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-italic:"Galano-Bold-Italic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-base:1.1rem;--font-size-lg:1.4rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3rem;--spacing-xs:.2rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3rem;--border-radius-sm:.5rem;--border-radius-md:1rem;--border-radius-lg:1.5rem;--border-radius-xl:2rem;--border-radius-full:9rem;--shadow-sm:0 1px 4px 0 #ffffff17;--shadow-md:0 4px 6px -1px #0000001a;--transition-fast:.15s ease-in-out;--transition-base:.3s ease-in-out;--container-max-width:500px;--header-height:200px}@font-face{font-family:Galano-Bold;src:url(/assets/fonts/Galano_Grotesque_Bold.otf)format("opentype");font-display:swap}@font-face{font-family:Galano;src:url(/assets/fonts/Galano_Grotesque.otf)format("opentype");font-display:swap}@font-face{font-family:Galano-Bold-Italic;src:url(/assets/fonts/Galano_Grotesque_Italic.otf)format("opentype");font-display:swap}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:50% 0;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:100vh;margin:0;padding:0;line-height:1.5}.login-content{z-index:1;padding-bottom:50px;position:relative}.header-logo{width:100%;height:var(--header-height);margin-top:var(--spacing-md);background-image:url(/assets/images/header-logo-white.webp);background-position:top;background-repeat:no-repeat;background-size:contain}#phrases{font-family:var(--font-family-italic);font-size:var(--font-size-4xl);text-align:center;color:var(--white);margin:var(--spacing-xl) 0;text-shadow:2px 2px 4px #0000004d;font-weight:700}.access-error{padding:var(--spacing-md);text-align:center;border-radius:var(--border-radius-sm);width:90%;margin:0 auto var(--spacing-md);color:var(--error-color);background-color:var(--error-bg-color);border:1px solid;border-color:var(--error-border-color);display:none}.form-container{border-radius:var(--border-radius-xl);margin:var(--spacing-md) auto 0;max-width:var(--container-max-width);padding:calc(var(--spacing-xl) * 2) calc(var(--spacing-2xl) + var(--spacing-sm));border:1px solid var(--white);-webkit-backdrop-filter:blur(10px);background-color:#0000}.form-container h2{font-family:var(--font-family-bold);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xl);text-align:center;color:var(--white);font-weight:700}.form-input{border:1px solid var(--gray-light);width:100%;box-shadow:var(--shadow-sm);border-radius:var(--border-radius-md);color:var(--white);height:3.5rem;margin-bottom:var(--spacing-md);font-size:var(--font-size-base);transition:var(--transition-base);background-color:#0000;padding:0 .7rem;font-family:inherit;display:block}.form-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #02b2dd1a}.form-input::placeholder{opacity:.9;color:var(--white)}.form-link-forgot-password{text-align:end;margin-bottom:var(--spacing-md)}.form-link-forgot-password a{color:var(--white);transition:var(--transition-fast);text-decoration:none}.form-link-forgot-password a:hover,.form-link-forgot-password a:focus{opacity:.8;text-decoration:underline}.form-btn-submit{font-size:var(--font-size-lg);border-radius:var(--border-radius-md);height:4.2rem;margin-bottom:var(--spacing-md);margin-top:var(--spacing-md);background-color:var(--primary-color);border:1px solid var(--white);color:var(--white);cursor:pointer;width:100%;transition:var(--transition-base);text-transform:uppercase;letter-spacing:.5px;font-family:inherit;font-weight:700}.form-btn-submit:hover,.form-btn-submit:focus{box-shadow:var(--shadow-md);background-color:#0000;transform:translateY(-2px)}.form-btn-submit:active{transform:translateY(0)}.form-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.content-radio{padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-sm)}.content-radio label{cursor:pointer;color:var(--white);transition:var(--transition-fast);padding-left:var(--spacing-sm)}.content-radio label:hover{opacity:.8}input[type=radio]{border:1px solid var(--gray-light);cursor:pointer;accent-color:var(--primary-color);margin:5px;padding:10px}.label-title{font-family:var(--font-family-bold);font-weight:700;font-size:var(--font-size-xl);color:var(--white);margin-bottom:var(--spacing-md)}#list-platforms{color:var(--white);width:100%;margin:var(--spacing-md) 0;padding:var(--spacing-md);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff1a;display:none}#loading{border-radius:var(--border-radius-full);z-index:1000;background-color:#ffffff80;background-image:url(/assets/images/loading.gif);background-position:50%;background-repeat:no-repeat;background-size:contain;width:300px;height:300px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.important-text{color:var(--white);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-md);background-color:#0003}.important-text li{margin:var(--spacing-sm) 0;font-size:.9rem;font-weight:500;list-style:none}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}input:focus,button:focus,a:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast:high){.form-input,.form-btn-submit{border-width:2px}}@media (width<=1400px){body{background-position-x:right}.form-input{background-color:#0003!important}.form-input::placeholder{opacity:.9}.form-link-forgot-password a{color:#3a99e3}#list-platforms{color:var(--gray-dark);background-color:#ffffffb3}.important-text{background-color:#0000004d}.form-container h2{border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);background-color:#0003}}@media (width<=670px){#phrases{font-size:var(--font-size-3xl)}.form-container{margin:var(--spacing-sm) var(--spacing-md) 0;padding:var(--spacing-xl) var(--spacing-lg)}}@media (width<=550px){body{background-position-x:84%}.important-text{background-color:#0006}#phrases{font-size:var(--font-size-2xl)}.form-container h2{font-size:var(--font-size-xl)}.form-container{padding:var(--spacing-lg) var(--spacing-md)}}@media (width<=450px){#phrases{font-size:var(--font-size-xl)}.form-btn-submit{font-size:var(--font-size-base);height:3.5rem}.form-input{height:3rem;font-size:1rem}}@media (width<=380px){#phrases{font-size:var(--font-size-lg);margin:var(--spacing-md) 0}.form-container{margin:var(--spacing-sm) var(--spacing-xs) 0;padding:var(--spacing-md) var(--spacing-sm)}.header-logo{height:150px}}@media (width<=320px){#phrases{font-size:var(--font-size-base)}.form-container h2{font-size:var(--font-size-lg)}.important-text li{font-size:.8rem}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
