*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
    --bg0: #030a11;
    --bg1: #060d16;
    --bg2: #091524;
    --bg3: #0d1f36;
    --red:  #ef4444;
    --red2: #f87171;
    --cyan: #22d3ee;
    --amber: #f59e0b;
    --text:  #e8f0f8;
    --text2: #94a3b8;
    --text3: #445566;
    --border: rgba(255,255,255,0.055);
    --border-c: rgba(34,211,238,0.16);
    --ff: 'Chakra Petch', sans-serif;
    --fm: 'JetBrains Mono', monospace;
}

nav {
    position: sticky; top: 0; z-index: 200;
    height: 58px;
    background: rgba(3,10,17,0.9);
    backdrop-filter: blur(14px) saturate(1.5);
    border-bottom: 1px solid var(--border);
}
nav .container { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.nav-brand {
    display: flex; align-items: center;
    font-weight: 600; font-size: 0.95rem; letter-spacing: 0.03em;
    color: var(--text); text-decoration: none;
}
.nav-brand img { width: 26px; height: 26px; border-radius: 5px; margin-right: 10px; }
.nav-brand b { color: var(--cyan); font-weight: 600; }