*{box-sizing:border-box}body{color:#000;background-color:#fff;flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex}main{box-sizing:border-box;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;min-width:100%;display:flex}.page.page--index{border:2px solid #bbb;max-width:425px;margin:0 auto;padding:12px;box-shadow:0 2px 4px #00000080}.header{grid-template-columns:1fr auto;align-items:center;gap:12px;width:100%;padding:12px;display:grid;position:relative;box-shadow:0 2px 4px #00000080}.header__menu-button{grid-area:1/2/2/3;padding:12px}.header__auth{grid-area:2/1/3/3}.header__dropdown{z-index:1;cursor:pointer;background-color:#fff;width:100%;padding:12px;transition:transform .6s ease-in-out;position:absolute;bottom:0;transform:translateY(-200px)rotate(45deg);box-shadow:0 2px 4px #00000080}.header__dropdown--active{cursor:default;transform:translateY(100%)rotate(0)}.main{flex-direction:column;justify-content:start;align-items:center;display:flex}.main__form,.main__text{flex-direction:column;justify-content:start;align-items:center;gap:10px;width:100%;display:flex}.main__text a{color:#000;cursor:pointer;padding:6px;font-size:16px;font-weight:600;line-height:16px;text-decoration:none;transition:all .3s ease-in-out;display:block}.main__text a:hover{transition:all .3s ease-in-out;transform:scale(1.2)}.footer{padding:12px 0}.auth{width:100%;height:25px}.auth__guest{flex-grow:1;align-items:end;gap:10px;display:flex}.auth__link{color:#000;cursor:pointer;padding:6px;font-size:16px;font-weight:600;line-height:16px;text-decoration:none;transition:all .3s ease-in-out;display:block}.auth__link:hover{transition:all .3s ease-in-out;transform:scale(1.2)}.auth__user{justify-content:space-between;align-items:center;width:100%;display:flex}.auth__guest--hidden,.auth__user--hidden{visibility:hidden;display:none}.logo{align-items:center;display:flex}.logo__link{color:#000;cursor:pointer;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:24px;font-weight:600;line-height:24px;text-decoration:none;transition:all .3s ease-in-out}.logo__link:hover{transition:all .3s ease-in-out;transform:scale(1.2)}.menu{padding-bottom:24px}.menu__list{flex-direction:column;justify-content:start;align-items:end;gap:10px;margin:0;padding:0;list-style:none;display:flex}.menu__link{color:#000;cursor:pointer;padding:6px;font-size:16px;font-weight:600;line-height:16px;text-decoration:none;display:block;position:relative}.menu__link:after{content:"";background-color:#e2e2e2;width:0;height:2px;transition:all .3s ease-in-out;position:absolute;bottom:0;left:6px}.menu__link:hover{color:#0026ff}.menu__link:hover:after{width:calc(100% - 12px)}.form{flex-direction:column;justify-content:start;align-items:center;gap:10px;width:100%;display:flex}.form__fieldset{flex-direction:column;gap:10px;width:100%;display:flex}.form__label{flex-direction:column;display:flex}.form__label:has(input[type=checkbox]){flex-direction:row;align-self:center}.form__input{border:2px solid #bbb;margin:5px;padding:5px}