.topbar{height:72px;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:30;background:#12151a;border-bottom:1px solid #1f242c;padding:0 20px}
.topbar-simple{width:100%;max-width:1180px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.tb-left{min-height:1px}
.tb-logo{text-align:center}
.logo-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}
.logo-img{height:46px;display:block;max-width:240px}
.logo-fallback{font-size:1.7rem;font-weight:800;letter-spacing:2px;background:linear-gradient(90deg,#ff7a19,#ff9c2b,#d7d7dc,#efe8bb,#cdbb86,#9eff30);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.tb-actions{display:flex;justify-content:flex-end;gap:12px;grid-column:3;justify-self:end}
.btn.ghost{background:#1b1f25;border:1px solid #262a31}
.btn.ghost:hover{background:#232831}
@media (max-width:640px){.topbar-simple{grid-template-columns:1fr auto 1fr;gap:12px}.logo-fallback{font-size:1.25rem} .logo-img{height:38px}}