@media (max-width: 767px) { body { padding-bottom: 64px; } }
    .session-card.open { border-color: rgba(34, 197, 94, 0.5); background: rgba(34, 197, 94, 0.08); }
    .session-card.open .session-status { color: #4ade80; }
    .session-card.closed .session-status { color: #6b7280; }
    .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
    .reveal.visible { opacity: 1; transform: translateY(0); }
    .engine-card { transition: transform 0.25s ease, box-shadow 0.25s ease; }
    .engine-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px -10px rgba(0,0,0,0.5); }
    #matrixRain { position: absolute; inset: 0; z-index: 0; opacity: 0.15; pointer-events: none; }
    .filter-btn { background: rgba(17,24,39,0.7); border: 1px solid rgba(255,255,255,0.08); color: #9ca3af; }
    .filter-btn.active { background: #eab308; color: #000; border-color: #eab308; }
    .filter-btn:hover:not(.active) { border-color: #6b7280; color: #fff; }