#header-placeholder { width: 100%; background-color: rgba(5, 11, 20, 0.95); border-bottom: 1px solid rgba(0, 229, 255, 0.1); position: fixed; top: 0; left: 0; z-index: 1000; backdrop-filter: blur(10px); }
.nav-container { max-width: 1200px; margin: 0 auto; padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; position: relative; }
.header-logo { height: 80px; position: relative; top: 15px; transition: all 0.3s ease; }
.header-logo:hover { transform: scale(1.05); filter: drop-shadow(0 0 10px var(--neon-blue)); }

.nav-menu { display: flex; align-items: center; gap: 30px; }
.nav-links { display: flex; gap: 30px; }
.nav-link-item { color: var(--text-light); text-decoration: none; font-weight: 600; text-transform: uppercase; transition: 0.3s; }
.nav-link-item:hover { color: var(--neon-blue); }

.btn-neon { color: var(--neon-blue); border: 1px solid var(--neon-blue); padding: 8px 18px; text-decoration: none; text-transform: uppercase; font-weight: 600; font-size: 0.9rem; border-radius: 4px; transition: 0.3s; }
.btn-neon:hover { background: rgba(0, 229, 255, 0.1); box-shadow: 0 0 15px rgba(0, 229, 255, 0.3); }

.burger-menu { display: none; flex-direction: column; gap: 6px; cursor: pointer; z-index: 1001; }
.burger-menu span { width: 30px; height: 3px; background: #fff; border-radius: 2px; transition: 0.4s; }

@media (max-width: 768px) {
    .header-logo { height: 60px; top: 5px; }
    .burger-menu { display: flex; }
    .nav-menu { position: fixed; top: 0; right: -100%; width: 280px; height: 100vh; background: var(--bg-deep-blue); box-shadow: -5px 0 20px rgba(0,0,0,0.8); flex-direction: column; justify-content: flex-start; align-items: center; padding-top: 100px; gap: 40px; transition: 0.4s cubic-bezier(0.77,0.2,0.05,1.0); border-left: 1px solid var(--neon-blue); z-index: 1000; }
    .nav-menu.active { right: 0; }
    .nav-links { flex-direction: column; align-items: center; gap: 30px; }
    .burger-menu.active span:nth-child(1) { transform: translateY(9px) rotate(45deg); background: var(--neon-blue); }
    .burger-menu.active span:nth-child(2) { opacity: 0; }
    .burger-menu.active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); background: var(--neon-blue); }
}

#footer-placeholder { background-color: #03070d; border-top: 1px solid rgba(0, 229, 255, 0.1); padding: 40px 20px; margin-top: 80px; }
.footer-container { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center; }
.footer-brand p { color: var(--ice-blue); font-size: 0.9rem; margin-top: 5px; }
.footer-socials { display: flex; gap: 20px; }
.footer-socials a { color: var(--text-light); text-decoration: none; font-size: 0.9rem; transition: 0.3s; }
.footer-socials a:hover { color: var(--neon-blue); }
.footer-copy { font-size: 0.8rem; color: rgba(229, 233, 240, 0.4); margin-top: 10px; }

.view-all-container { text-align: center; margin-top: 40px; }
.btn-neon.large-btn { padding: 12px 30px; font-size: 1.1rem; letter-spacing: 2px; display: inline-block; }