*,*:before,*:after{box-sizing:border-box;color:#fff;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;scroll-behavior:smooth}*::-webkit-scrollbar{width:8px;background-color:gray}*::-webkit-scrollbar-thumb{background-color:gray}a{cursor:pointer;text-decoration:none}body{background-color:#000}button{background:none;border:none;cursor:pointer;outline:none}input{background:transparent;border:none;outline:none}.header{width:100%}.header__wrapper{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr;height:56px}.header__title{align-items:center;display:flex;margin-left:24px;margin-right:24px}.header__title img{align-items:center;display:flex;height:32px}.header__search{align-items:center;background-color:#ffffff14;border-radius:8px;display:flex;height:40px;padding-left:16px;padding-right:16px}.header__search-input{margin-left:12px;height:100%;width:100%}.header__navigation{display:flex;justify-content:flex-end;column-gap:8px;margin-left:24px;margin-right:24px}.header__navigation-item{border-radius:100%;height:32px;justify-content:center;width:32px}.header__navigation-item i:before{font-size:18px}.header__user{margin-left:8px}.header__user img{border-radius:100%;height:100%;object-fit:cover;width:100%}.login{margin-left:auto;margin-right:auto;max-width:366px;width:87.5%}.login__logo{margin-top:64px;margin-left:24px;width:128px}.login__form{display:flex;flex-direction:column;row-gap:20px;margin-top:64px}.login input{background-color:#ffffff14;border-radius:8px;height:40px;padding-left:24px;padding-right:24px;width:100%}.login__form-submit{align-items:center;background-color:#003060;justify-content:center;display:flex;column-gap:8px;height:40px;width:100%;border-radius:8px}.login__form-submit span{color:#ffffffe6;font-size:14px;font-weight:600}.login__form-submit i:before{color:#000000b3;font-size:20px}.login__help{display:flex;flex-direction:column;row-gap:16px;margin-top:8px;margin-left:24px;margin-right:24px}.login__help a{color:#ffffff80;font-size:12px}