* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #0d1118; color: rgba(255,255,255,.82); font-family: Arial, sans-serif; }
body { min-height: 100vh; }
a { text-decoration: none; }
img { max-width: 100%; display: block; }
.wrapper { width: min(1100px, calc(100% - 24px)); margin: 0 auto; }
.header { background: rgba(18,20,29,.94); border-bottom: 1px solid rgba(255,255,255,.08); }
.header__inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; min-height: 82px; }
.logo { grid-column: 1; }
.logo img { width: 125px; height: 50px; object-fit: contain; }
.header-buttons.right { grid-column: 2; justify-self: center; }
.page { padding: 24px 0 60px; }
.page__card { background: rgba(22,25,35,.9); border: 1px solid rgba(255,255,255,.08); border-radius: 18px; overflow: hidden; }
.page__content { padding: 28px 24px; }
.breadcrumb { color: rgba(255,255,255,.66); font-size: 13px; margin-bottom: 16px; }
.page__title { margin: 0 0 18px; font-size: clamp(2rem,3vw,2.6rem); color: #fff; }
.page__body { color: rgba(255,255,255,.8); line-height: 1.75; }
.page__body p { margin: 0 0 16px; }
.page__body h2, .page__body h3 { color: #fff; margin-top: 22px; }
.page__body table { width: 100%; border-collapse: collapse; margin: 18px 0; }
.page__body th, .page__body td { padding: 10px 12px; border: 1px solid rgba(255,255,255,.08); }
.page__body th { background: rgba(203,23,108,.22); }
.sidebar { display: grid; grid-template-columns: 290px minmax(0,1fr); gap: 20px; }
.sidebar__box { background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.08); border-radius: 14px; padding: 18px; }
.sidebar__box h2 { margin: 0 0 12px; color: #fff; font-size: 1.1rem; }
.sidebar__box .registr-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 16px; border-radius: 8px; background: #cb176c; color: #fff; font-weight: 700; }
.sidebar__box p { color: rgba(255,255,255,.76); line-height: 1.6; }
.footer__images { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.footer__images img { width: auto; max-width: 120px; max-height: 56px; object-fit: contain; }
.footer__links { display: flex; flex-wrap: wrap; gap: 24px; }
.footer-nav__list { list-style: none; margin: 0; padding: 0; }
.footer-nav__list a { color: rgba(255,255,255,.72); font-size: 13px; }
.footer__bottom { padding-top: 16px; border-top: 1px solid rgba(255,255,255,.08); }
.copyright { color: rgba(255,255,255,.56); font-size: 13px; }

@media (max-width: 767px) {
    .sidebar { grid-template-columns: 1fr; }
    .header__inner { grid-template-columns: minmax(0,1fr) auto; gap: 8px; min-height: 72px; }
    .header-buttons.right { grid-column: 2; justify-self: end; }
}

@media (max-width: 360px) {
    .logo img { width: 100px; }
    .header .registr-btn { padding: 0 9px; font-size: 13px; }
}