#nav-placeholder { min-height: 64px; contain: layout; }
#footer-placeholder { min-height: 400px; contain: layout; }
.main-navbar { background: rgba(56,16,72,.96); border-bottom: 1px solid rgba(176,56,248,.55); box-shadow: 0 10px 28px rgba(0,0,0,.34), 0 0 18px rgba(176,56,248,.18); backdrop-filter: blur(14px); }
.nav-container { gap: .75rem; }
.navbar-brand { display:flex; align-items:center; padding: .25rem 0; }
.navbar-brand img { width: 146px; height: auto; }
.nav-search { align-items:center; gap:.5rem; min-width: 230px; padding: .55rem .75rem; border: 1px solid rgba(176,56,248,.7); border-radius: 12px; color: var(--color-text-muted); background: rgba(24,0,40,.58); }
.navbar-toggler { border-color: rgba(176,56,248,.8); background: rgba(75,23,96,.85); }
.navbar-toggler:focus { box-shadow: 0 0 0 .2rem rgba(24,244,134,.28); }
.navbar-toggler-icon { filter: invert(1); }
.main-navbar .nav-link { color: #fff; display:flex; align-items:center; gap:.38rem; font-weight: 800; font-size: .82rem; border-radius: 12px; padding: .55rem .65rem; }
.main-navbar .nav-link:hover, .main-navbar .nav-link.active { background: var(--color-surface-2); border: 1px solid var(--color-border); box-shadow: 0 0 12px rgba(176,56,248,.45); color: #fff; }
.main-navbar .nav-link img { width: 20px; height: 20px; object-fit: contain; }
.btn-login { color:#fff; border: 1px solid rgba(176,56,248,.8); background: rgba(24,0,40,.42); border-radius: 14px; font-weight: 900; }
.btn-login:hover { color:#fff; border-color: var(--color-primary); background: rgba(176,56,248,.22); }
.site-footer { margin-top: 2rem; padding: 3rem 0 1.25rem; background: linear-gradient(180deg, rgba(42,8,56,.95), rgba(24,0,40,.98)); border-top: 1px solid rgba(176,56,248,.55); color: var(--color-text); }
.footer-logo { width: 170px; height:auto; margin-bottom: 1rem; }
.site-footer h2 { font-size: 1rem; text-transform: uppercase; letter-spacing: .1em; color: var(--color-warning); margin-bottom: .9rem; }
.site-footer p { font-size: .98rem; color: var(--color-text-muted); }
.footer-note { color: #fff !important; }
.site-footer ul { list-style: none; padding: 0; margin: 0; }
.site-footer li { margin: .5rem 0; }
.site-footer a { color: var(--color-text); text-decoration: none; }
.site-footer a:hover { color: var(--color-primary); }
.footer-badges { display:flex; flex-wrap:wrap; gap: .55rem; margin-bottom: 1rem; }
.footer-badges span { border: 1px solid rgba(176,56,248,.5); background: rgba(24,0,40,.45); border-radius: 999px; padding: .45rem .7rem; font-weight: 900; color: #fff; }
.footer-bottom { display:flex; justify-content:space-between; gap: 1rem; flex-wrap:wrap; border-top: 1px solid rgba(176,56,248,.35); margin-top: 2rem; padding-top: 1rem; color: var(--color-text-muted); font-size: .94rem; }
@media (max-width: 1199.98px) { .main-navbar .navbar-collapse { padding: 1rem 0; } .nav-cta { margin-top: .8rem; } .main-navbar .nav-link { padding: .7rem .85rem; } }