.sx-header {
    position: relative;
    z-index: 100;
    border-bottom: 1px solid #e1e4e9;
    background: rgba(255, 255, 255, .97);
}

.sx-header .sx-header__container {
    min-height: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sx-header__bar {
    display: flex;
    min-height: 48px;
    align-items: center;
    gap: 24px;
}

.sx-header__logo {
    flex: 0 0 auto;
    color: #11131a;
    font-family: RoadRadio, Geist, sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.025em;
    white-space: nowrap;
}

.sx-header__nav {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 22px;
}

.sx-header__nav a,
.sx-header__mobile-menu a {
    color: #666d7b;
    font-size: 13px;
    font-weight: 500;
    transition: color .2s ease;
}

.sx-header__nav a:hover,
.sx-header__mobile-menu a:hover { color: #151923; }

.sx-header__search {
    display: flex;
    min-width: 250px;
    height: 46px;
    flex: 1 1 430px;
    align-items: center;
    gap: 10px;
    margin-left: 6px;
    padding: 4px 5px 4px 15px;
    border: 1px solid #d9dde5;
    border-radius: 11px;
    background: #f7f8fa;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.sx-header__search:focus-within {
    border-color: #a9b4f7;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(60, 78, 246, .09);
}

.sx-header__search svg,
.sx-header__mobile-search svg,
.sx-header__search-button svg {
    width: 19px;
    height: 19px;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.8;
}

.sx-header__search svg,
.sx-header__mobile-search svg { color: #8b92a0; }

.sx-header__search input,
.sx-header__mobile-search input {
    min-width: 0;
    height: 100%;
    flex: 1;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #1a1f2b;
    font-family: Geist, sans-serif;
    font-size: 14px;
}

.sx-header__search input::placeholder,
.sx-header__mobile-search input::placeholder { color: #9298a5; }

.sx-header__search button,
.sx-header__mobile-search button {
    display: flex;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 8px;
    background: #202533;
    color: #fff;
    cursor: pointer;
    font-family: Geist, sans-serif;
    font-size: 13px;
    font-weight: 650;
    transition: background .2s ease;
}

.sx-header__search button svg,
.sx-header__mobile-search button svg {
    width: 17px;
    height: 17px;
    color: #fff;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 2;
}

.sx-header__search button:hover,
.sx-header__mobile-search button:hover { background: #3c4ef6; }

body.sx-is-home .sx-header__search { display: none; }
body.sx-is-home .sx-header__nav { margin-left: auto; }

.sx-header__profile-wrap { position: relative; flex: 0 0 auto; }

.sx-header__profile {
    display: flex;
    max-width: 210px;
    height: 46px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 18px;
    border: 1px solid #3c4ef6;
    border-radius: 10px;
    background: #3c4ef6;
    color: #fff;
    font-size: 13px;
    font-weight: 650;
    transition: background .2s ease, border-color .2s ease;
}

.sx-header__profile:hover { border-color: #2e3ed3; background: #2e3ed3; }
.sx-header__profile span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sx-header__profile svg { display: none; width: 18px; height: 18px; }

.sx-header__profile--account {
    width: 46px;
    max-width: none;
    padding: 0;
    border-color: #dfe3e9;
    background: #fff;
    color: #2b3340;
    box-shadow: 0 2px 8px rgba(24, 32, 45, .035);
}

.sx-header__profile--account:hover {
    border-color: #cbd1da;
    background: #f7f8fa;
    color: #202735;
}

.sx-header__profile--account svg {
    display: block;
    width: 17px;
    height: 17px;
    color: #667080;
}

.sx-header__profile-photo {
    display: block;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 50%;
    object-fit: cover;
}

.sx-header__profile--account .sx-header__profile-label {
    display: block;
}

.sx-header__profile--account .sx-header__balance-badge {
    display: inline-flex;
    min-width: 28px;
    height: 23px;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
    border-radius: 999px;
    background: #3c4ef6;
    color: #fff;
    font-size: 11px;
    font-weight: 750;
    line-height: 1;
}

.sx-header__account-popover {
    position: absolute;
    z-index: 1100;
    top: calc(100% + 11px);
    right: 0;
    width: 260px;
    padding: 17px;
    border: 1px solid #dfe3e9;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(24, 32, 45, .14);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-5px);
    visibility: hidden;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.sx-header__account-popover::before {
    position: absolute;
    top: -6px;
    right: 17px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #dfe3e9;
    border-left: 1px solid #dfe3e9;
    background: #fff;
    content: '';
    transform: rotate(45deg);
}

.sx-header__account-popover::after {
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 100%;
    height: 13px;
    content: '';
}

.sx-header__profile-wrap:hover .sx-header__account-popover,
.sx-header__profile-wrap:focus-within .sx-header__account-popover {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible;
}

.sx-header__account-head span { display: block; margin-bottom: 4px; color: #8a919d; font-size: 9px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.sx-header__account-head strong { display: block; overflow: hidden; color: #29313e; font-size: 12px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.sx-header__account-balance { display: flex; align-items: center; justify-content: space-between; margin: 14px 0 10px; padding: 11px 12px; border-radius: 9px; background: #f1f3ff; }
.sx-header__account-balance span { color: #626d80; font-size: 11px; font-weight: 600; }
.sx-header__account-balance b { color: #3c4ef6; font-size: 19px; letter-spacing: -.03em; }
.sx-header__account-actions { display: grid; gap: 2px; padding-top: 7px; border-top: 1px solid #edf0f4; }
.sx-header__account-actions a,
.sx-header__account-actions button { display: grid; grid-template-columns: 18px 1fr auto; gap: 9px; width: 100%; min-height: 38px; align-items: center; padding: 0 8px; border: 0; border-radius: 7px; background: transparent; color: #465367; font: 650 11px/1.2 inherit; text-align: left; cursor: pointer; }
.sx-header__account-actions a:hover,
.sx-header__account-actions button:hover { background: #f5f7fa; color: #3c4ef6; }
.sx-header__account-actions svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.sx-header__account-actions i { font-size: 14px; font-style: normal; }

.sx-header__menu-button,
.sx-header__search-button,
.sx-account-more,
.sx-account-more__overlay,
.sx-header__mobile-menu,
.sx-header__mobile-search,
.sx-header__overlay,
.sx-mobile-nav { display: none; }

@media (max-width: 1050px) {
    .sx-header__bar { gap: 17px; }
    .sx-header__nav { display: none; }
    .sx-header__search { margin-left: 0; }
}

@media (max-width: 720px) {
    body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
    .sx-header .sx-header__container { padding-top: 8px; padding-bottom: 8px; }
    .sx-header__bar { min-height: 44px; justify-content: center; gap: 10px; }

    .sx-header__menu-button,
    .sx-header__search-button,
    .sx-header__profile-wrap,
    .sx-header__mobile-menu,
    .sx-header__overlay { display: none !important; }
    .sx-header__account-popover { display: none !important; }

    .sx-header__logo { margin: 0; font-size: 18px; }
    .sx-header__search { display: none !important; }

    .sx-header__mobile-search {
        height: 48px;
        align-items: center;
        gap: 9px;
        width: 100%;
        margin: 8px 0 0;
        padding: 4px 5px 4px 13px;
        border: 1px solid #d9dde5;
        border-radius: 10px;
        background: #f7f8fa;
    }
    .sx-header__mobile-search.is-open { display: flex; animation: sx-search-open .2s ease both; }

    .sx-mobile-nav { display: grid; position: fixed; z-index: 1000; right: 0; bottom: 0; left: 0; grid-template-columns: repeat(3,minmax(0,1fr)); min-height: calc(68px + env(safe-area-inset-bottom)); padding: 5px max(18px,env(safe-area-inset-left)) env(safe-area-inset-bottom) max(18px,env(safe-area-inset-right)); border-top: 1px solid #dfe3e9; background: rgba(255,255,255,.97); box-shadow: 0 -8px 28px rgba(24,32,45,.07); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
    .sx-mobile-nav--account{grid-template-columns:repeat(5,minmax(0,1fr));padding-right:max(5px,env(safe-area-inset-right));padding-left:max(5px,env(safe-area-inset-left))}
    .sx-mobile-nav__item { display: flex; min-width: 0; min-height: 58px; align-items: center; justify-content: center; gap: 4px; flex-direction: column; padding: 4px 2px; border: 0; border-radius: 10px; background: transparent; color: #7b8290; cursor: pointer; font-family: Geist,sans-serif; font-size: 10px; font-weight: 650; line-height: 1; }
    .sx-mobile-nav__item svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }
    .sx-mobile-nav__item.is-active { color: #3c4ef6; }
    .sx-mobile-nav__search { position: relative; overflow: visible; }
    .sx-mobile-nav__search-circle { display: flex; position: absolute; top: -28px; left: 50%; width: 58px; height: 58px; align-items: center; justify-content: center; border: 5px solid #fff; border-radius: 50%; background: #3c4ef6; color: #fff; box-shadow: 0 8px 22px rgba(60,78,246,.3); transform: translateX(-50%); transition: transform .2s ease,background .2s ease; }
    .sx-mobile-nav__search-circle svg { width: 24px; height: 24px; stroke-width: 2; }
    .sx-mobile-nav__search > span:last-child { margin-top: 29px; }
    .sx-mobile-nav__search[aria-expanded="true"] { color: #3c4ef6; }
    .sx-mobile-nav__search[aria-expanded="true"] .sx-mobile-nav__search-circle { background: #2737cf; transform: translateX(-50%) scale(.94); }
    .sx-mobile-nav__icon-wrap { display: flex; position: relative; overflow: visible; }
    .sx-mobile-nav__icon-wrap b { display: flex; position: absolute; top: -7px; right: -11px; min-width: 18px; height: 18px; align-items: center; justify-content: center; padding: 0 4px; border: 2px solid #fff; border-radius: 999px; background: #3c4ef6; color: #fff; font-size: 8px; line-height: 1; }
    .sx-account-more__overlay{display:block;position:fixed;z-index:1090;inset:0;border:0;background:rgba(17,24,39,.32);opacity:0;visibility:hidden;transition:.2s}.sx-account-more__overlay.is-open{opacity:1;visibility:visible}
    .sx-account-more{display:block;position:fixed;z-index:1100;right:0;bottom:0;left:0;max-height:calc(100dvh - 18px);overflow-y:auto;padding:8px 16px calc(18px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:#fff;box-shadow:0 -18px 50px rgba(20,28,42,.18);transform:translateY(105%);transition:transform .25s ease}.sx-account-more.is-open{transform:none}.sx-account-more__handle{width:38px;height:4px;margin:0 auto 13px;border-radius:4px;background:#d9dde4}.sx-account-more__head{display:flex;align-items:center;justify-content:space-between;padding:0 2px 14px;border-bottom:1px solid #edf0f3}.sx-account-more__head span{display:block;margin-bottom:3px;color:#8b93a1;font-size:9px;text-transform:uppercase}.sx-account-more__head strong{display:block;max-width:260px;overflow:hidden;color:#202735;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.sx-account-more__head button{width:34px;height:34px;border:0;border-radius:50%;background:#f1f3f6;color:#596273;font-size:22px}.sx-account-more nav{display:grid;gap:3px;padding-top:10px}.sx-account-more nav a,.sx-account-more nav button{display:grid;width:100%;min-height:50px;grid-template-columns:32px minmax(0,1fr) 20px;align-items:center;padding:0 8px;border:0;border-radius:11px;background:#fff;color:#2d3645;text-align:left}.sx-account-more nav a:active,.sx-account-more nav button:active{background:#f4f6f9}.sx-account-more nav span{display:flex;width:29px;height:29px;align-items:center;justify-content:center;border-radius:8px;background:#eef0ff;color:#3c4ef6;font-size:16px}.sx-account-more nav strong{font-size:13px;font-weight:650}.sx-account-more nav i{color:#a0a7b2;font-style:normal}.sx-account-more nav .sx-account-more__public-start{margin-top:7px;border-top:1px solid #edf0f3}.sx-account-more nav button:last-child{color:#a34d49}.sx-account-more nav button:last-child span{background:#fff0ef;color:#b14f49}
}

@keyframes sx-search-open { from { opacity: 0; transform: translateY(-7px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 390px) {
    .sx-header__logo { font-size: 16px; }
    .sx-mobile-nav__item { font-size: 9px; }
    .sx-mobile-nav__item svg { width: 20px; height: 20px; }
}

@media (max-width: 700px) {
    .sx-account-more nav a,
    .sx-account-more nav button { min-height: 48px; grid-template-columns: minmax(0,1fr) 18px; padding: 0 12px; border-bottom: 1px solid #f0f2f5; border-radius: 0; }
    .sx-account-more nav a:last-child,
    .sx-account-more nav button:last-child { border-bottom: 0; }
    .sx-account-more nav span { display: none; }
    .sx-account-more nav strong { font-size: 14px; font-weight: 600; }
    .sx-account-more nav i { justify-self: end; font-size: 15px; }
    .sx-account-more nav button { grid-template-columns: 1fr; }
}