nav { position: fixed; top: 0; left: 0; right: 0; z-index: 500; padding: 16px 48px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border); background: rgba(17,17,17,0.92); backdrop-filter: blur(12px); }
.nav-logo { font-family: var(--font-display); font-size: 13px; font-weight: 900; color: var(--orange); letter-spacing: 0.2em; text-decoration: none; }
.nav-logo span { color: var(--text-dim); }
.nav-links { display: flex; gap: 32px; list-style: none; }
.nav-links a { font-family: var(--font-mono); font-size: 13px; color: var(--text-dim); text-decoration: none; letter-spacing: 0.1em; text-transform: uppercase; transition: color 0.2s; }
.nav-links a:hover { color: var(--orange); }
.nav-status { font-family: var(--font-mono); font-size: 14px; color: var(--text-dim); display: flex; align-items: center; gap: 8px; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 6px var(--orange); animation: pulse 2.5s infinite; }
@keyframes pulse { 0%,100%{opacity:1;} 50%{opacity:0.3;} }
footer { padding: 24px 48px; border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
.footer-left { font-family: var(--font-mono); font-size: 13px; color: var(--text-dim); letter-spacing: 0.1em; }
.footer-right { font-family: var(--font-mono); font-size: 13px; color: var(--text-dim); display: flex; gap: 24px; }
.footer-right a { color: var(--text-dim); text-decoration: none; transition: color 0.2s; } .footer-right a:hover { color: var(--orange); }