h1{text-align:center}h1+p{margin-bottom:2.5rem;text-align:center}main:not(#main):has(>section){margin-top:clamp(2rem,9vw,9rem);padding-inline:1.5rem}main:not(#main):has(#lottie-login){margin-top:clamp(6rem,9vw,9rem)}form label{font-size:1rem;font-weight:500}form:has(+form,+p){margin-bottom:2.5rem}input:not([type=checkbox]){border:unset;background:unset;outline:0;width:100%;font-size:1rem;font-family:var(--font-family-sans-serif);padding:.9375rem .5rem;transition:border-color;border-radius:.5rem;border-style:solid;border-width:var(--border-width)}input:not([type=checkbox],.form-control-error){border-color:var(--fiken-color-grey-800)}input:not([type=checkbox]):focus,input:not([type=checkbox]):focus-visible,input:not([type=checkbox]):hover{border-color:var(--fiken-color-purple-800)}input.form-control-error{border-color:var(--fiken-color-system-red-700)}p:has(+form){margin-bottom:1.5rem}.google-button{display:flex;justify-self:center;justify-content:center;gap:1rem;text-decoration:none;color:var(--fiken-color-black-500);font-weight:500;padding:1rem;border-radius:3.5rem;border:var(--border-width) solid var(--fiken-color-black-500);box-shadow:0 0 0 var(--border-width) var(--box-shadow-color);transition-property:transform;transition-duration:var(--transition-duration)}.google-button:hover{--box-shadow-color:var(--fiken-color-black-500);transform:scale(var(--button-hover-scale))}.form-container{position:relative;margin-inline:auto;padding:2.5rem;background:var(--fiken-color-white-500);border-radius:1rem;max-width:var(--form-width);margin-bottom:3rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.input-group{display:flex;flex-wrap:nowrap;gap:.5rem}.input-group input{text-align:center}.form-group:not(:last-child){margin-bottom:1.5rem}.form-group span:has(+input[type=hidden]){font-weight:500}.login-alternative{margin-block:1rem 2rem;position:relative;padding-top:2rem}.login-alternative span{position:absolute;left:50%;transform:translateX(-50%);top:.95rem;padding:.3rem .5rem;background:var(--fiken-color-white-500)}.form-group.password{position:relative}.toggle-password{all:unset;cursor:pointer;line-height:0;position:absolute;right:0;top:0;border-radius:.125rem}.toggle-password:focus-visible{outline:2px solid var(--fiken-color-purple-800)}.toggle-password span{display:flex;align-items:center;gap:.3rem}.secondary-form-group{display:flex;justify-content:space-between}.remember-me{position:relative;display:flex;white-space:nowrap}.remember-me input{opacity:0}.remember-me input+span{position:relative;padding-left:.8rem}.remember-me input+span:after{content:"";position:absolute;height:20px;width:22px;border:2px solid var(--fiken-color-black-500);border-radius:.3rem;left:-1rem}.remember-me input:checked+span:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 16 15'%3E%3Cpath fill='none' stroke='%23272727' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M 11.214 4 L 6.08 11.667 L 3 8.68'/%3E%3C/svg%3E") no-repeat 50% 40%;background-size:contain}.text-error{color:var(--fiken-color-system-red-700)}.signup-container{display:flex;justify-content:center;min-height:100vh}.signup-container>section:first-of-type{padding-inline:1.5rem;padding-top:5rem;margin-left:auto}.signup-container>section:last-of-type{background:var(--fiken-color-blue-300)}.signup-form-container{padding-bottom:2rem}.signup-form-container{max-width:calc(var(--form-width) + 1rem)}.signup-form-container>div{max-width:var(--form-width);margin-inline:auto}.signup-info-container{background:var(--fiken-color-blue-300)}.signup-info-container>div>div{margin-inline:auto;max-width:446px}.signup-info-container ul{margin-bottom:3rem;width:28rem}.signup-info-container a{color:var(--fiken-color-black-500);font-weight:500;display:block;text-align:center}.signup-info-container a:hover{text-decoration:none}.signup-info{list-style:none;padding-left:0;margin-block:0;display:flex;flex-direction:column;gap:1rem}.signup-info li{display:flex}.signup-info li>div{display:flex;align-items:center;gap:2rem;background:#fff;border-radius:1.5rem;padding:1.5rem;width:100%}.signup-info img{display:flex;width:76px;height:76px}.signup-info h3,.signup-info p{margin:0}.signup-info-carousel{display:none}@media (min-width:992px){.signup-container>section{width:50%}.signup-container>section>div{width:100%;max-width:46rem}.signup-container>section:first-of-type>div{margin-left:auto}.signup-container>section:last-of-type>div{margin-right:auto;margin-top:19rem}}@media (max-height:1200px){.signup-container>section:last-of-type>div{margin-top:5rem}}@media (max-width:1660px){.col-50:first-of-type{width:40%}.col-50:last-of-type{width:60%}}@media (max-width:1444px){.col-50:first-of-type{width:max-content}.col-50:last-of-type{flex-grow:1}}@media (max-width:992px){.signup-container{flex-wrap:wrap;height:initial;padding-inline:1.5rem}.signup-info-carousel,h1+p{margin-bottom:1.5rem}.signup-container>section:first-of-type{margin-inline:auto;margin-bottom:2rem;padding-inline:0;padding-top:2rem}.signup-info-container{display:none}.signup-info-carousel{display:block;margin-bottom:2rem;position:relative;overflow:hidden}.signup-info{flex-direction:row;gap:0;margin-bottom:1rem}.signup-info li{width:calc(100vw - 3rem)}.signup-info li>div{background:var(--fiken-color-blue-300);padding:1rem;gap:1rem;margin-inline:.5rem}.carousel-control{display:flex;align-items:center;justify-content:center;bottom:0;width:100%;gap:1rem;margin-bottom:0}.carousel-control button{all:unset}.carousel-control>button{width:1.25rem;height:1.25rem;border-radius:50%}.carousel-control>button[disabled] polyline{stroke:var(--fiken-color-grey-700)}.carousel-control>button:not([disabled]) polyline{stroke:var(--fiken-color-purple-800)}.carousel-control ul{list-style:none;padding:0;gap:.8rem;margin-block:0}.carousel-control li,.carousel-control ul{display:flex;justify-content:center}.carousel-control li button{width:1rem;height:1rem;background:var(--fiken-color-purple-400);border-radius:50%;border:none}.carousel-control button.active{background:var(--fiken-color-purple-900)}}@media (max-width:768px){main:has(>section){margin-top:2rem}.form-container{padding:1.5rem}.form-container:has(+section){margin-bottom:2rem}.login-alternative{margin-block:.75rem 1.5rem}input:not([type=checkbox]){padding-block:.8rem}.form-group:has(+.form-group>button:first-child){margin-bottom:2rem}.secondary-form-group{margin-top:2rem}}@media (max-width:556px){.google-button{width:100%}}