.topbar{height:72px;margin:12px auto 0;width:min(1180px,calc(100% - 32px));padding:0 18px;border:1px solid #ffffff50;border-radius:18px;background:#f8f9fbee;box-shadow:0 12px 32px #1013191c;backdrop-filter:blur(14px);gap:24px}
:root[data-theme="dark"] .topbar{background:#151719ed;border-color:#ffffff16}
.topbar nav{display:flex;align-items:center;gap:4px;padding:4px;background:#eceef0;border-radius:13px}
:root[data-theme="dark"] .topbar nav{background:#202326}
.topbar nav a{padding:10px 14px;border-radius:10px;color:#565c64;white-space:nowrap}
:root[data-theme="dark"] .topbar nav a{color:#bec2c7}
:root[data-theme="dark"] .topbar .brand,:root[data-theme="dark"] .topbar .brand span:last-child{color:#f4f5f6}
:root[data-theme="dark"] .topbar .login-button{color:#f0f1f2}
:root[data-theme="dark"] .topbar nav a{color:#e1e3e5}
:root[data-theme="light"] .topbar .brand,:root[data-theme="light"] .topbar .brand span:last-child{color:#171a18}
:root[data-theme="light"] .topbar .login-button{color:#303530}
:root[data-theme="light"] .topbar nav a{color:#4d544e}
.topbar nav a:hover{background:#fff;color:#20242a;box-shadow:0 2px 6px #00000012}
:root[data-theme="dark"] .topbar nav a:hover{background:#303438;color:#fff}
.topbar .account-actions{display:flex;align-items:center;gap:14px;margin-left:auto}
.locale-theme-control{height:38px;display:flex;align-items:center;gap:3px;padding:3px 6px;border-radius:13px;background:#eceef0}
:root[data-theme="dark"] .locale-theme-control{background:#202326}
.language-switch{height:32px;display:flex;align-items:center;padding:0 5px}
.language-switch select{appearance:none;border:0;outline:0;background:transparent;color:#363b40;font:700 11px var(--font);cursor:pointer;padding:6px 5px}
:root[data-theme="dark"] .language-switch select{color:#e0e2e4}
.theme-toggle{width:32px;height:32px;border:0;background:transparent;box-shadow:none}
.theme-toggle:hover{border:0;background:#ffffffa6;color:#31353a}
:root[data-theme="dark"] .theme-toggle:hover{background:#ffffff12;color:#fff}
.login-button{white-space:nowrap}
.topbar .nav-cta{background:#c748ef;color:#fff;border:0;border-radius:12px;padding:12px 18px;font-weight:700;white-space:nowrap}
.topbar .nav-cta span:last-child{color:#fff}
@media(max-width:760px){.topbar{width:calc(100% - 20px);height:62px;margin-top:8px;padding:0 10px;gap:8px;border-radius:15px}.topbar nav{position:absolute;top:68px;left:0;right:0;z-index:12;align-items:stretch}.topbar nav a{padding:9px}.topbar .account-actions{gap:7px;margin-right:0}.locale-theme-control{height:34px;padding:2px 5px}.language-switch{height:30px;padding:0 3px}.topbar .nav-cta{padding:9px 10px;font-size:10px}.theme-toggle{width:28px;height:30px}.login-button{font-size:10px}.menu-toggle{margin-left:2px}}