body{font-family:Inter;background:#06131a;color:#eaf2f8;margin:0} .btn{padding:10px 14px;border-radius:8px;border:none;cursor:pointer} .btn.primary{background:#EF981B;color:#000} .chip{padding:8px 12px;margin:2px;background:#0c2130;color:#fff;border-radius:999px;cursor:pointer} .center{text-align:center} .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px} .card{background:#0d2330;border-radius:12px;overflow:hidden;cursor:pointer} .media img{width:100%;height:200px;object-fit:cover} .modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center} .modal-body{background:#07141b;padding:20px;border-radius:12px;max-width:900px;width:100%} .modal.show{display:flex}