*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --bg: #0F172A; --bg2: #111827;
      --surface: #1E293B; --surface2: #162032;
      --amber: #F59E0B; --amber-dim: #D97706;
      --amber-glow: rgba(245,158,11,0.15);
      --amber-glow2: rgba(245,158,11,0.07);
      --cyan: #22D3EE; --emerald: #10B981;
      --violet: #8B5CF6; --rose: #F43F5E; --sky: #7DD3FC;
      --white: #F8FAFC; --muted: #94A3B8;
      --border: rgba(245,158,11,0.18);
    }
    html { scroll-behavior: smooth; }
    body { background: var(--bg); color: var(--white); font-family: 'DM Sans', sans-serif; font-size: 16px; line-height: 1.7; overflow-x: hidden; }
    body::before { content:''; position:fixed; inset:0; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E"); pointer-events:none; z-index:0; opacity:0.4; }
    section, header, footer { position: relative; z-index: 1; }

    /* NAV */
    nav { position:fixed; top:0; left:0; right:0; z-index:100; display:flex; justify-content:space-between; align-items:center; padding:1.1rem 5%; background:rgba(15,23,42,0.9); backdrop-filter:blur(18px); border-bottom:1px solid var(--border); }
    .nav-logo { font-family:'Syne',sans-serif; font-weight:800; font-size:0.95rem; color:var(--white); text-decoration:none; display:flex; align-items:center; gap:0.4rem; }
    .nav-logo .accent { color:var(--amber); }
    .nav-right { display:flex; align-items:center; gap:1.8rem; }
    .nav-links { display:flex; gap:1.8rem; }
    .nav-links a { font-family:'DM Mono',monospace; font-size:0.72rem; color:var(--muted); text-decoration:none; letter-spacing:0.08em; text-transform:uppercase; transition:color 0.2s; }
    .nav-links a:hover { color:var(--amber); }
    .nav-back { font-family:'DM Mono',monospace; font-size:0.72rem; color:var(--muted); text-decoration:none; letter-spacing:0.08em; text-transform:uppercase; border:1px solid var(--border); padding:0.3rem 0.75rem; border-radius:6px; transition:all 0.2s; }
    .nav-back:hover { color:var(--cyan); border-color:rgba(34,211,238,0.3); }
    .nav-hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:4px; background:none; border:none; }
    .nav-hamburger span { display:block; width:22px; height:2px; background:var(--muted); border-radius:2px; }
    .nav-mobile { display:none; flex-direction:column; background:rgba(15,23,42,0.97); border-top:1px solid var(--border); padding:1rem 5%; position:fixed; top:58px; left:0; right:0; z-index:99; }
    .nav-mobile a { font-family:'DM Mono',monospace; font-size:0.85rem; color:var(--muted); text-decoration:none; letter-spacing:0.08em; text-transform:uppercase; padding:0.75rem 0; border-bottom:1px solid rgba(255,255,255,0.04); transition:color 0.2s; }
    .nav-mobile a:last-child { border-bottom:none; }
    .nav-mobile a:hover { color:var(--amber); }
    .nav-mobile.open { display:flex; }

    /* HERO */
    #hero { padding:9rem 5% 4rem; border-bottom:1px solid var(--border); }
    .hero-inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr auto; gap:3rem; align-items:center; }
    .hero-tag { font-family:'DM Mono',monospace; font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--amber); margin-bottom:1rem; display:flex; align-items:center; gap:0.6rem; }
    .hero-tag::before { content:''; display:inline-block; width:24px; height:2px; background:var(--amber); border-radius:1px; }
    h1 { font-family:'Syne',sans-serif; font-weight:800; font-size:clamp(2rem,5vw,3.5rem); line-height:1.1; letter-spacing:-0.02em; margin-bottom:1rem; }
    h1 .accent { color:var(--amber); }
    .hero-desc { color:var(--muted); font-size:1rem; max-width:460px; line-height:1.7; margin-bottom:2rem; }
    .hero-meta { display:flex; gap:1.5rem; flex-wrap:wrap; }
    .hero-meta span { font-family:'DM Mono',monospace; font-size:0.72rem; color:var(--muted); display:flex; align-items:center; gap:0.4rem; }
    .hero-meta .dot { width:5px; height:5px; border-radius:50%; }
    .hero-meta .dot.security { background:var(--emerald); }
    .hero-meta .dot.gamedev { background:var(--violet); }
    .hero-meta .dot.privacy { background:var(--rose); }
    .hero-meta .dot.tools { background:var(--cyan); }
    .hero-meta .dot.research { background:var(--sky); }

    /* BUILD STATUS WIDGET */
    .build-status { background:var(--surface2); border:1px solid var(--border); border-radius:12px; padding:1.5rem; min-width:220px; max-width:260px; }
    .bs-title { font-family:'DM Mono',monospace; font-size:0.65rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--amber); margin-bottom:1rem; }
    .bs-item { display:flex; flex-direction:column; gap:0.3rem; padding:0.65rem 0; border-bottom:1px solid rgba(255,255,255,0.04); }
    .bs-item:last-child { border-bottom:none; padding-bottom:0; }
    .bs-name { font-family:'Syne',sans-serif; font-size:0.78rem; font-weight:700; }
    .bs-row { display:flex; align-items:center; justify-content:space-between; gap:0.5rem; }
    .bs-phase { font-family:'DM Mono',monospace; font-size:0.62rem; color:var(--muted); }
    .bs-bar { flex:1; height:4px; background:rgba(255,255,255,0.06); border-radius:2px; overflow:hidden; }
    .bs-fill { height:100%; border-radius:2px; transition:width 1s ease; }
    .bs-fill.lp { background:var(--emerald); width: 82%; }
    .bs-fill.mmm { background:var(--violet); width: 40%; }
    .bs-fill.gd { background:var(--violet); opacity:0.7; width: 70%; }
    .bs-fill.ml { background:var(--rose); width: 18%; }
    .bs-fill.ct { background:var(--cyan); width: 100%; }
    .bs-pct { font-family:'DM Mono',monospace; font-size:0.62rem; color:var(--muted); min-width:28px; text-align:right; }

    /* FILTER BAR */
    #filter-bar { padding:2.5rem 5% 0; max-width:calc(1100px + 10%); margin:0 auto; }
    .filter-inner { display:flex; align-items:center; gap:0.6rem; flex-wrap:wrap; }
    .filter-btn { font-family:'DM Mono',monospace; font-size:0.7rem; letter-spacing:0.08em; text-transform:uppercase; padding:0.35rem 0.9rem; border-radius:999px; border:1px solid rgba(255,255,255,0.1); background:transparent; color:var(--muted); cursor:pointer; transition:all 0.2s; }
    .filter-btn:hover { border-color:var(--amber); color:var(--amber); }
    .filter-btn.active { background:var(--amber-glow); border-color:var(--amber); color:var(--amber); }
    .filter-btn[data-cat="security"].active { border-color:var(--emerald); color:var(--emerald); background:rgba(16,185,129,0.1); }
    .filter-btn[data-cat="gamedev"].active { border-color:var(--violet); color:#A78BFA; background:rgba(139,92,246,0.1); }
    .filter-btn[data-cat="privacy"].active { border-color:var(--rose); color:var(--rose); background:rgba(244,63,94,0.1); }
    .filter-btn[data-cat="tools"].active { border-color:var(--cyan); color:var(--cyan); background:rgba(6,182,212,0.1); }
    .filter-btn[data-cat="research"].active { border-color:var(--sky); color:var(--sky); background:rgba(125,211,252,0.1); }

    /* POSTS GRID */
    #posts { padding:2.5rem 5% 6rem; }
    .posts-inner { max-width:1100px; margin:0 auto; }
    .posts-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:1.5rem; }
    @media (min-width:1000px) { .posts-grid { grid-template-columns:repeat(3,1fr); } }

    /* POST CARD */
    .post-card { background:var(--surface); border:1px solid rgba(255,255,255,0.06); border-radius:12px; padding:1.8rem; display:flex; flex-direction:column; gap:1rem; transition:all 0.25s; text-decoration:none; color:inherit; position:relative; overflow:hidden; }
    .post-card:hover { transform:translateY(-3px); box-shadow:0 16px 40px rgba(0,0,0,0.4); border-color:rgba(245,158,11,0.25); }
    .post-card.coming { cursor:default; opacity:0.65; }
    .post-card.coming:hover { transform:none; box-shadow:none; border-color:rgba(255,255,255,0.06); }
    .post-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; opacity:0; transition:opacity 0.25s; }
    .post-card:hover::before { opacity:1; }
    .post-card[data-cat="security"]::before { background:linear-gradient(90deg,transparent,var(--emerald),transparent); }
    .post-card[data-cat="gamedev"]::before { background:linear-gradient(90deg,transparent,var(--violet),transparent); }
    .post-card[data-cat="privacy"]::before { background:linear-gradient(90deg,transparent,var(--rose),transparent); }
    .post-card[data-cat="tools"]::before { background:linear-gradient(90deg,transparent,var(--cyan),transparent); }
    .post-card[data-cat="research"]::before { background:linear-gradient(90deg,transparent,var(--sky),transparent); }

    .post-top { display:flex; align-items:center; justify-content:space-between; gap:0.5rem; flex-wrap:wrap; }
    .cat-tag { font-family:'DM Mono',monospace; font-size:0.62rem; letter-spacing:0.1em; text-transform:uppercase; padding:0.2rem 0.6rem; border-radius:4px; font-weight:500; }
    .cat-security { background:rgba(16,185,129,0.1); color:var(--emerald); border:1px solid rgba(16,185,129,0.25); }
    .cat-gamedev { background:rgba(139,92,246,0.1); color:#A78BFA; border:1px solid rgba(139,92,246,0.25); }
    .cat-privacy { background:rgba(244,63,94,0.1); color:var(--rose); border:1px solid rgba(244,63,94,0.25); }
    .cat-tools { background:rgba(6,182,212,0.1); color:var(--cyan); border:1px solid rgba(6,182,212,0.25); }
    .cat-research { background:rgba(125,211,252,0.1); color:var(--sky); border:1px solid rgba(125,211,252,0.2); }

    .status-badge { font-family:'DM Mono',monospace; font-size:0.6rem; letter-spacing:0.08em; text-transform:uppercase; padding:0.15rem 0.5rem; border-radius:4px; }
    .status-published { background:rgba(16,185,129,0.12); color:var(--emerald); border:1px solid rgba(16,185,129,0.2); }
    .status-draft { background:rgba(245,158,11,0.1); color:var(--amber); border:1px solid rgba(245,158,11,0.2); }
    .status-planned { background:rgba(148,163,184,0.08); color:var(--muted); border:1px solid rgba(148,163,184,0.15); }

    .post-title { font-family:'Syne',sans-serif; font-weight:700; font-size:1rem; line-height:1.3; }
    .post-excerpt { font-size:0.86rem; color:var(--muted); line-height:1.65; flex:1; }
    .post-footer { display:flex; align-items:center; justify-content:space-between; padding-top:0.8rem; border-top:1px solid rgba(255,255,255,0.05); }
    .post-meta { font-family:'DM Mono',monospace; font-size:0.65rem; color:var(--muted); display:flex; gap:0.8rem; }
    .post-arrow { font-size:0.85rem; color:var(--muted); opacity:0.4; }
    .depth-badge { font-family:'DM Mono',monospace; font-size:0.6rem; letter-spacing:0.06em; text-transform:uppercase; padding:0.15rem 0.5rem; border-radius:4px; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); color:var(--muted); }
    .series-indicator { font-family:'DM Mono',monospace; font-size:0.62rem; color:var(--amber); margin-top:0.2rem; }

    /* SUBSCRIBE */
    #subscribe { padding:4rem 5%; background:var(--surface2); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
    .sub-inner { max-width:540px; margin:0 auto; text-align:center; }
    .sub-label { font-family:'DM Mono',monospace; font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--amber); margin-bottom:1rem; }
    .sub-title { font-family:'Syne',sans-serif; font-size:clamp(1.5rem,3vw,2rem); font-weight:700; margin-bottom:0.6rem; }
    .sub-desc { color:var(--muted); font-size:0.9rem; margin-bottom:1.8rem; }
    .notify-form { display:flex; gap:0.6rem; flex-wrap:wrap; justify-content:center; }
    .notify-input { flex:1; min-width:220px; padding:0.75rem 1rem; background:var(--surface); border:1px solid var(--border); border-radius:8px; color:var(--white); font-family:'DM Mono',monospace; font-size:0.85rem; outline:none; transition:border-color 0.2s; }
    .notify-input::placeholder { color:var(--muted); }
    .notify-input:focus { border-color:var(--amber); }
    .notify-btn { padding:0.75rem 1.6rem; background:var(--amber); color:#0F172A; border:none; border-radius:8px; font-family:'DM Sans',sans-serif; font-size:0.9rem; font-weight:700; cursor:pointer; transition:all 0.2s; white-space:nowrap; }
    .notify-btn:hover { background:var(--amber-dim); transform:translateY(-1px); box-shadow:0 4px 20px rgba(245,158,11,0.4); }
    .notify-note { font-family:'DM Mono',monospace; font-size:0.7rem; color:var(--muted); margin-top:0.9rem; opacity:0.7; }

    /* FOOTER */
    footer { padding:2.5rem 5%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; }
    .footer-logo { font-family:'Syne',sans-serif; font-weight:800; font-size:0.95rem; text-decoration:none; color:var(--white); }
    .footer-logo span { color:var(--amber); }
    .footer-links { display:flex; gap:1.8rem; flex-wrap:wrap; }
    .footer-links a { font-family:'DM Mono',monospace; font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); text-decoration:none; transition:color 0.2s; }
    .footer-links a:hover { color:var(--amber); }
    .footer-copy { font-family:'DM Mono',monospace; font-size:0.72rem; color:var(--muted); opacity:0.5; }

    /* EMPTY STATE */
    .empty-msg { display:none; text-align:center; padding:4rem 0; color:var(--muted); font-family:'DM Mono',monospace; font-size:0.85rem; }
    .empty-msg.visible { display:block; }

    @media (max-width:768px) {
      .hero-inner { grid-template-columns:1fr; }
      .build-status { display:none; }
      .nav-links { display:none; }
      .nav-hamburger { display:flex; }
      .posts-grid { grid-template-columns:1fr; }
      #hero { padding:7rem 5% 3rem; }
      .notify-form { flex-direction:column; align-items:center; }
      .notify-input { width:100%; max-width:360px; }
      footer { flex-direction:column; text-align:center; align-items:center; }
      .footer-links { justify-content:center; gap:1rem; }
    }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
      html { scroll-behavior: auto; }
      .reveal { opacity: 1; transform: none; }
    }
  
/* Skip-to-content — WCAG 2.4.1 Level A */
.skip-link {
  position: absolute;
  top: -48px;
  left: 1rem;
  background: #10B981;
  color: #0F172A;
  padding: 0.5rem 1.1rem;
  border-radius: 0 0 6px 6px;
  z-index: 9999;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  transition: top 0.15s ease;
}
.skip-link:focus { top: 0; outline: 2px solid #0F172A; outline-offset: 2px; }