:root{--foreground:#111;--accent:#2563eb}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.topbar{z-index:999;background:#fff;justify-content:center;align-items:center;width:100%;height:82px;display:flex;position:sticky;top:0;box-shadow:0 2px 20px #0000000a}.menu{align-items:center;gap:55px;display:flex}.menu a{color:#111;font-size:17px;font-weight:500;transition:all .2s}.menu a:hover{color:var(--accent)}.pageTitle{max-width:1250px;margin:45px auto 10px;padding:0 20px;font-size:42px;font-weight:700}.pageSubtitle{color:#666;max-width:1250px;margin:0 auto 25px;padding:0 20px;font-size:17px}.container{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;max-width:1250px;margin:0 auto 60px;padding:20px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;transition:all .25s;overflow:hidden;box-shadow:0 8px 25px #0000000d}.card:hover{transform:translateY(-4px)}.cardContent{padding:20px}.card h2{color:#111;margin-top:0;margin-bottom:10px;font-size:22px}.card p{color:#666;font-size:14px;line-height:1.5}.watchBtn{color:#fff;background:#111827;border-radius:12px;margin-top:14px;padding:13px 20px;font-size:15px;font-weight:700;transition:all .2s;display:inline-block}.watchBtn:hover{background:#000}.empty{text-align:center;color:#777;margin-top:120px;padding-bottom:120px;font-size:28px}@media (max-width:900px){.container{grid-template-columns:1fr}.topbar{padding:0 20px}.menu{gap:20px}.menu a{font-size:14px}.pageTitle{font-size:34px}}