body{background:#121212;color:#fff;font-family:Arial,sans-serif;margin:0}.main-content{margin-top:48px}.main-header{height:var(--headerHeight);margin-bottom:16px}.header-nav{align-items:center;background:#0b1220;border-bottom:1px solid #1f2a44;border-radius:12px;justify-content:space-between;padding:12px 16px}.header-nav,.nav-links{display:flex;gap:12px}.nav-link{background:#111827;border:1px solid #1f2937;border-radius:8px;color:#e2e8f0;font-weight:700;padding:8px 12px;text-decoration:none}.nav-link:hover{background:#1f2937}.nav-link.active{background:#22c55e;border-color:#22c55e;color:#0b1220}.nav-follow{border:1px solid #1f2937;border-radius:8px;color:#e2e8f0;font-weight:600;padding:6px 10px;text-decoration:none}.nav-follow:hover{background:#1f2937}@media (max-width:720px){.header-nav{align-items:stretch;flex-direction:column;gap:10px;padding:10px}.nav-links{flex-wrap:wrap;justify-content:space-between;order:2;width:100%}.nav-link{flex:1 1 48%;text-align:center}.nav-follow{align-items:center;display:flex;gap:8px;justify-content:center;order:1;width:100%}.main-content{margin-top:64px}.main-header{margin-bottom:24px}}