:root{--z-black:#060707;--z-card:#0e100fb8;--z-card-hover:#161a18d9;--z-border:#ffffff14;--z-border-glow:#22e57666;--z-lime:#22e576;--z-lime-glow:#22e57659;--z-coral:#ff385c;--z-gold:#ffc043;--z-text:#f2f2f2;--z-muted:#8e928e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--z-black);color:var(--z-text);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}#zajno-motion-canvas{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.viewport-wrapper{z-index:1;width:95%;max-width:1720px;margin:0 auto;padding:28px 0 100px;position:relative}.hud-topbar{border-bottom:1px solid var(--z-border);color:var(--z-muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;padding-bottom:24px;font-family:JetBrains Mono,monospace;font-size:.76rem;display:flex}.hud-live{color:var(--z-lime);align-items:center;gap:8px;display:flex}.hud-dot{background:var(--z-lime);width:7px;height:7px;box-shadow:0 0 10px var(--z-lime);border-radius:50%;animation:1.8s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}header{margin:40px 0 36px}.hero-tag{color:var(--z-lime);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:.8rem;display:inline-block}h1{letter-spacing:-.04em;text-transform:uppercase;color:#fff;font-family:Syne,sans-serif;font-size:clamp(2.4rem,5.2vw,4.8rem);font-weight:800;line-height:1.05}h1 span.kinetic-gradient{background:linear-gradient(90deg, #fff 10%, var(--z-lime) 50%, var(--z-coral) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}header p{color:var(--z-muted);max-width:620px;margin-top:14px;font-size:1.05rem;line-height:1.6}.nav-container{scrollbar-width:none;align-items:center;width:100%;margin-bottom:34px;display:flex;overflow-x:auto}.nav-container::-webkit-scrollbar{display:none}.filter-bar{border:1px solid var(--z-border);backdrop-filter:blur(20px);background:#0e1210b3;border-radius:999px;flex-wrap:nowrap;gap:8px;padding:6px;display:inline-flex}.filter-pill{text-transform:uppercase;letter-spacing:.04em;color:var(--z-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;padding:7px 18px;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:600;transition:all .22s cubic-bezier(.16,1,.3,1)}.filter-pill:hover{color:#fff;background:#ffffff0d}.filter-pill.active{background:var(--z-lime);color:#000;border-color:var(--z-lime);box-shadow:0 0 16px var(--z-lime-glow);font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;display:grid}.card{background:var(--z-card);border:1px solid var(--z-border);-webkit-backdrop-filter:blur(20px);border-radius:18px;flex-direction:column;justify-content:space-between;padding:28px;text-decoration:none;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--z-lime), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover{background:var(--z-card-hover);border-color:var(--z-border-glow);transform:translateY(-6px);box-shadow:0 20px 45px #000000b3,0 0 25px #22e57626}.card:hover:before{opacity:1}.card-meta{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-category{text-transform:uppercase;letter-spacing:.08em;color:var(--z-lime);background:#22e5761a;border:1px solid #22e57640;border-radius:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700}.card-idx{color:var(--z-muted);font-family:JetBrains Mono,monospace;font-size:.75rem}.card h2{letter-spacing:-.02em;color:#fff;margin-bottom:12px;font-family:Syne,sans-serif;font-size:1.35rem;font-weight:700;line-height:1.25}.card p{color:var(--z-muted);flex-grow:1;margin-bottom:24px;font-size:.92rem;line-height:1.6}.card-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:18px;display:flex}.action-pill{color:var(--z-coral);align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;transition:gap .2s,transform .2s;display:inline-flex}.card:hover .action-pill{color:#ff5e7e;gap:10px;transform:translate(4px)}@media (width<=768px){.viewport-wrapper{width:92%}.grid{grid-template-columns:1fr}}