:root{--title-family: "Roboto";--title-size: 2.8rem;--title-small-size: 2.2rem;--title-height: 2.8rem;--body-family: Inter, sans-serif;--body-size: 1.6rem;--cyan: #09F;--cyan-darkness: #0076C7}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{min-width:102.4rem;width:100%;font-size:var(--body-size);font-family:var(--body-family);font-style:normal;font-weight:400;line-height:2.2rem;color:#000}h1,h2,h3,h4,h5,h6{font-family:var(--title-family);font-size:var(--title-size);font-weight:700;line-height:2.8rem}#header{display:flex;width:100%;height:fit-content;padding:3.2rem 4.8rem;align-items:center;justify-content:space-between;border-bottom:.1rem solid #D9D9D9}#header>img{width:26.6rem;height:fit-content}#header__menu{display:flex;gap:2.4rem;align-items:center;justify-content:space-between;width:fit-content;height:fit-content}.menu__a,.menu__a:visited{display:flex;gap:.8rem;align-items:center;justify-content:center;padding:1.2rem;border:1px solid #D9D9D9;border-radius:8px;width:fit-content;height:4rem;text-decoration:none;color:#000;fill:#000;background-color:#fff}.menu__a--active,.menu__a--active:visited{background-color:var(--cyan-darkness);color:#fff;fill:#fff}form{display:flex;flex-direction:column;align-items:center;justify-items:center;gap:3.2rem}form fieldset{border:none}form>button:last-child{display:flex;align-items:center;justify-content:center;background-color:var(--cyan);color:#fff;border:.1rem solid #D9D9D9;border-radius:.8rem;text-align:center;font-family:var(--body-family);font-size:var(--body-size)}form button[type=submit]{width:29.4rem;height:4rem}form button[type=button]{width:2.4rem;height:2.4rem}form input,form select{border:.1rem solid #D9D9D9;padding:1.2rem 1.2rem 1.2rem 1.6rem;min-width:24rem;max-width:29.5rem;height:4rem;border-radius:8px;font-family:var(--title-family);font-size:var(--body-size)}form input:focus,form select:focus{outline:.1rem solid #11A0DE}form>button[type=button]:last-child:focus,form>button[type=button]:last-child:hover,form>button[type=submit]:last-child:focus,form>button[type=submit]:last-child:hover{background-color:var(--cyan-darkness)}.without-border{border:none;outline:none}.input-icon{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;height:4rem;gap:.8rem}.input-icon:has(input:placeholder-shown) button{display:none}.modal-flex{display:flex}.modal::backdrop{background-color:#1f1f1f66}.modal{flex-direction:column;align-items:center;justify-content:center;padding:8rem 12rem;gap:2rem;background-color:#fff;color:#000;fill:#000;border:none;width:fit-content;height:fit-content;margin:auto}.modal-success>svg>path{fill:#14ae5c}.modal-error>svg>path{fill:#cc690c}.modal>span{font-family:var(--title-family);font-size:var(--title-small-size);line-height:3.6rem;text-align:center;color:#000}.modal>button{font-family:var(--body-family);font-size:var(--body-size);background-color:var(--cyan);color:#fff;min-height:4rem;width:29.4rem}.modal>button:focus,.modal>button:hover{background-color:var(--cyan-darkness)}#main{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:calc(100dvh - 13.4rem)}#login__container>h1{width:30.7rem;font-weight:400;text-align:center}#login__form>fieldset{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.8rem}.main__div{padding:5.6rem 3.5rem;width:fit-content;height:fit-content}