*{box-sizing:border-box}body{color:#e6e7eb;background:#181a1f;margin:0;font-family:Arial,sans-serif}.app-shell{width:100%;max-width:1400px;margin:0 auto;padding:20px clamp(16px,4vw,60px)}.hero{justify-content:center;align-items:center;gap:14px;margin-bottom:30px;display:flex}.hero img{object-fit:contain;width:clamp(42px,5vw,58px);height:clamp(42px,5vw,58px)}h2{color:#f3f4f6;margin:0;font-size:clamp(20px,1.8rem,28px);font-weight:600}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.5vw,22px);display:grid}.card{cursor:pointer;background:#24262b;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}.thumbnail{aspect-ratio:16/9;position:relative}.thumbnail img{object-fit:cover;width:100%;height:100%}.thumbnail p{color:#fff;background:#282a30e6;border-radius:4px;padding:3px 6px;font-size:clamp(11px,.75rem,13px);position:absolute;bottom:6px;right:6px}.titles{flex-grow:1;padding:10px}.titles p{color:#f1f1f1;margin:0 0 6px;font-size:clamp(14px,.95rem,16px);font-weight:500}.titles a{color:#a8acb3;font-size:clamp(13px,.9rem,14px);text-decoration:none}.titles a:hover{color:#fff;text-decoration:underline}.statistics{color:#b8bcc2;align-items:center;gap:12px;padding:10px;font-size:clamp(13px,.95rem,15px);display:flex}.statistics div{align-items:center;gap:5px;display:flex}.statistics img{opacity:.85;width:clamp(16px,1rem,20px);height:auto}.statistics>p{color:#9499a1;margin-left:auto;font-size:clamp(12px,.85rem,14px)}.loader{text-align:center;margin-top:25px}.load-more{color:#f3f4f6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#2c2f36,#3a3e46);border:1px solid #3a3e46;border-radius:999px;outline:none;padding:12px 26px;font-size:clamp(14px,1rem,16px);font-weight:500;transition:all .25s;box-shadow:0 4px 12px #0000004d}.load-more:focus-visible{outline-offset:2px;border-radius:999px;outline:2px solid #5a5f69}.load-more:hover{background:linear-gradient(135deg,#3a3e46,#4a4f58);transform:translateY(-2px)}@media (width<=1024px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.card-grid{grid-template-columns:1fr}.statistics{gap:8px}}