.top-bar{max-width:1024px;width:100%;background-color:#000;color:#fff;padding:16px 0;display:flex;justify-content:space-between;align-items:center;height:auto;border-bottom:1px solid var(--color-text-tertiaty);margin:auto}.logo{max-width:240px;max-height:33px}.logo img{max-width:100%;max-height:100%}.top-bar>.h4t-join{display:flex;justify-content:space-between;align-items:center}.top-bar>.h4t-join>.h4t-join-texts{display:flex;flex-direction:column;justify-content:center;align-items:center}.top-bar>.h4t-join>.h4t-join-texts>span:first-child{color:var(--color-text-secondary);font-size:16px;letter-spacing:.5em;text-align:right;text-transform:uppercase}.top-bar .h4t-h4t-join-icon{width:44px;height:44px;background-image:url(/images/h4tch-visitor.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.top-bar .h4t-h4t-join-icon.h4t-user{background-image:url(/images/h4tch-user.png)}.top-bar>.h4t-join>.h4t-join-texts>span:nth-child(2){color:var(--color-text-secondary);font-size:11px;font-weight:400;line-height:19.09px;letter-spacing:.47em;text-align:right;text-transform:uppercase}@media (max-width:1099px){.top-bar{padding:16px}}@media (max-width:480px){.logo{max-width:170px;max-height:33px}.top-bar>.h4t-join>.h4t-join-texts>span:first-child{font-size:13px}.top-bar>.h4t-join>.h4t-join-texts>span:nth-child(2){font-size:9px}.top-bar .h4t-h4t-join-icon{width:34px;height:34px}}.bottom-bar{border-top:1px solid var(--color-text-tertiaty);height:auto;width:100%;max-width:1024px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:44px 0;background-color:#000}.vertical-menu ul{list-style:none;display:flex;flex-direction:column;justify-content:center}.vertical-menu a{color:var(--color-text-secondary);display:flex;padding:8px 0;text-decoration:none;font-size:16px}.vertical-menu a:hover{color:var(--color-purple-hover);transition:all .4s ease}.vertical-menu a.active{color:var(--color-text-primary)}.social-networks{width:240px;margin-top:2rem}.h4t-socials{width:auto;height:100%;display:flex;justify-content:space-around;align-items:end;flex-direction:column}.h4t-socials-icon div{width:32px;height:32px;background-position:50%;background-repeat:no-repeat;background-size:contain;margin:0 auto}.h4t-socials-icon ul{list-style-type:none;display:flex;gap:32px}.h4t-socials-icon>ul>li:first-child div{background-image:url(/images/h4tch-apple-icon.png)}.h4t-socials-icon>ul>li:nth-child(2) div{background-image:url(/images/h4tch-discord-icon.png)}.h4t-socials-icon>ul>li:nth-child(3) div{background-image:url(/images/h4tch-x-icon.png)}.h4t-socials-icon>ul>li:nth-child(4) div{background-image:url(/images/h4tch-instagram-icon.png)}.h4t-colophone{color:var(--color-text-secondary);font-size:12px}@media (max-width:1099px){.bottom-bar{padding:44px 16px}}@media (max-width:480px){.h4t-socials-icon div{width:24px;height:24px;background-position:50%;background-repeat:no-repeat;background-size:contain;margin:0 auto}.h4t-socials-icon ul{list-style-type:none;display:flex;gap:24px}}