:root{--header-h:130px}.wrapper .card #content{max-width:600px;min-width:550px}.hiddenField{display:none}.info{margin:1rem 0;text-align:center;width:100%}#content section{align-items:flex-start;display:flex;flex-direction:column;justify-content:start;padding:0 4rem;position:relative;width:540px}.btn--container{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;margin-top:2rem;width:100%}.validation-summary-errors{display:none}#content .input--hover{margin-bottom:1rem}#content section button{position:relative;width:100%}.redirect--container{margin-top:1rem}.info--error{position:relative;top:-10px}#content .header{align-items:center;justify-content:center}#content .header h1{font-size:var(--font-size__h1);font-weight:700;line-height:3.5rem}#content .header h3{font-size:26px;font-weight:700;margin:1rem 0;text-align:center}#content .header~section{height:calc(100% - var(--header-h))}.username .info--recaptcha{margin:1.5rem 0}.username .info--list{margin-bottom:1.5rem}.username .info--list ul{margin-left:1.2rem}.username .info--list li{list-style:circle}.username .recaptcha--container{align-items:center;aspect-ratio:214/39;display:flex;justify-content:center;margin-top:1rem;width:100%}.username .recaptcha--error{justify-content:center;margin-top:1rem;text-align:center;width:100%}.username .loader--container{height:25px;position:relative;width:25px}.username .loader--container div{border-color:var(--clr-w) transparent transparent transparent;height:25px;width:25px}#content section.complete{align-items:center;gap:1rem;height:150px;margin-top:1rem}#content section.complete a{cursor:pointer}.wrapper .card #content:has(.otp--form-content){min-width:auto}#content:has(.otp--form-content) section{width:400px}@media screen and (max-width:500px){:root{--header-h:150px}#content:has(.otp--form-content) section{width:100%}#content .header{width:100%;--header-h:100px}#content .header .logo--container{display:none}#content .header~section{padding:0 1rem;width:100%}#content .header h1{font-size:26px}#content .username button{width:100%}.wrapper .card #content{max-width:100%;min-width:100%}#content section{padding:0 1rem;width:100%}.username .recaptcha--container{aspect-ratio:200/39}}@media screen and (max-width:400px){#content .header h1{font-size:clamp(4vw,6.5vw,7vw)}.username .recaptcha--container{aspect-ratio:175/39}}