:root { --brand-blue: #1c81c5; --btn-yellow: #fce120; }
.container.home-site-header, .home-site-header { width: min(1280px, calc(100% - 40px)); max-width: 1280px; margin: 20px auto 0; }
.home-site-header > .home-site-header__inner { min-height: 68px; display: flex; position: relative; z-index: 50; align-items: center; justify-content: space-between; gap: 20px; margin: 0; padding: 2px 22px; border-radius: 60px; background: #fff; }
.home-site-header .logo, .home-site-header .logo a { display: inline-flex; align-items: center; }
.home-site-header .logo img { width: auto; max-width: 218px; height: 64px; display: block; border-radius: 6px; }
.home-site-header .nav-buttons { display: flex; align-items: center; gap: 8px; }
.home-site-header .nav-buttons > a { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 0 0 0 10px; padding: 8px 14px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; }
.home-site-header .nav-buttons > a.login { color: var(--brand-blue); }
.home-site-header .nav-buttons > a.signup { padding-inline: 20px; border: 2px solid rgba(255,255,255,.95); color: #fff; background: var(--btn-yellow); letter-spacing: .2px; text-shadow: 0 2px 4px rgba(0,0,0,.25); }
.home-site-header .home-account { position: relative; }
.home-site-header .home-account summary { display: flex; align-items: center; gap: 10px; padding: 5px 8px 5px 5px; border-radius: 999px; color: #23314d; cursor: pointer; list-style: none; }
.home-site-header .home-account summary::-webkit-details-marker { display: none; }
.home-site-header .home-account summary:hover, .home-site-header .home-account[open] summary { background: #f2f7fb; }
.home-site-header .home-account__avatar { width: 46px; height: 46px; display: block; border: 2px solid #e4eef5; border-radius: 50%; object-fit: cover; }
.home-site-header .home-account__identity { min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.home-site-header .home-account__identity strong, .home-site-header .home-account__identity small { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-site-header .home-account__identity strong { font-size: 14px; }
.home-site-header .home-account__identity small { color: #8290a8; font-size: 11px; }
.home-site-header .home-account__menu { width: 220px; position: absolute; top: calc(100% + 10px); right: 0; z-index: 70; padding: 8px; border: 1px solid #e4eaf1; border-radius: 14px; background: #fff; box-shadow: 0 18px 45px rgba(24,42,70,.16); }
.home-site-header .home-account__menu a, .home-site-header .home-account__menu button { width: 100%; min-height: 40px; display: flex; align-items: center; gap: 10px; margin: 0; padding: 9px 11px; border: 0; border-radius: 9px; color: #344054; background: transparent; font: inherit; font-size: 13px; font-weight: 600; text-align: left; text-decoration: none; cursor: pointer; }
.home-site-header .home-account__menu a:hover, .home-site-header .home-account__menu button:hover { color: var(--brand-blue); background: #f2f7fb; }
.home-site-header .home-account__menu form { margin: 3px 0 0; padding-top: 3px; border-top: 1px solid #edf0f4; }
.home-site-header .home-account__menu form button { color: #d92d20; }
@media (max-width: 767px) {
    .container.home-site-header, .home-site-header { width: 100%; margin-top: 0; }
    .home-site-header > .home-site-header__inner { min-height: 62px; padding: 3px 8px; border-radius: 0; gap: 8px; }
    .home-site-header .logo img { width: auto; height: 38px; }
    .home-site-header .nav-buttons { flex: 0 0 auto; gap: 3px; }
    .home-site-header .nav-buttons > a { min-height: 34px; margin-left: 0; padding: 5px 8px; font-size: 12px; }
    .home-site-header .nav-buttons > a.login { display: inline-flex; }
    .home-site-header .nav-buttons > a.signup { min-height: 34px; margin-left: 0; padding: 5px 9px; font-size: 12px; }
    .home-site-header .home-account__identity { display: none; }
    .home-site-header .home-account summary { padding-right: 4px; }
    .home-site-header .home-account__avatar { width: 36px; height: 36px; }
}

@media (max-width: 380px) {
    .home-site-header .logo img { height: 34px; }
    .home-site-header .nav-buttons > a { padding-inline: 6px; font-size: 11px; }
    .home-site-header .nav-buttons > a.signup { padding-inline: 7px; }
}