:root{--bg:#0d1214;--panel:#171d1f;--panel2:#20282a;--gold:#efb35f;--mint:#69c6aa;--text:#f7f2e9;--muted:#aeb9b5;--line:rgba(255,255,255,.12);--shadow:0 20px 45px rgba(0,0,0,.32)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 8% 0,rgba(239,179,95,.15),transparent 27rem),radial-gradient(circle at 92% 18%,rgba(105,198,170,.09),transparent 26rem),linear-gradient(180deg,#14191b,var(--bg) 42%,#090d0f);line-height:1.55}.navbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem clamp(1rem,3vw,2.5rem);background:rgba(13,18,20,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:.55rem;color:var(--text);font-size:1.35rem;font-weight:600;text-decoration:none;white-space:nowrap}.logo b{color:var(--gold)}.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--gold);color:#191107;font-weight:900;box-shadow:0 8px 24px rgba(239,179,95,.25)}.search-bar{position:relative;width:min(100%,460px)}.search-bar span{position:absolute;left:16px;top:50%;transform:translateY(-52%);color:var(--muted);font-size:1.3rem}.search-bar input{width:100%;padding:.82rem 1rem .82rem 2.7rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.07);color:var(--text);outline:none}.search-bar input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(239,179,95,.13)}.container{width:min(100%,1480px);margin:auto;padding:clamp(1rem,2.5vw,2.25rem)}.home-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;padding:1.5rem 0 1.3rem}.eyebrow{color:var(--mint);font-size:.77rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.home-intro h1{max-width:800px;margin:.35rem 0 .65rem;font-size:clamp(2.2rem,5vw,4.8rem);line-height:1;letter-spacing:-.045em}.intro-copy{max-width:680px;color:var(--muted)}.intro-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.intro-stats span{padding:.48rem .75rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.06);font-size:.78rem;font-weight:700}.category-filters{display:flex;gap:.7rem;overflow-x:auto;padding:.4rem 0 1.2rem;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}.chip,.page-btn{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);font-weight:700;cursor:pointer;transition:.22s}.chip{padding:.56rem 1rem;border-radius:999px;white-space:nowrap}.chip:hover,.page-btn:hover{transform:translateY(-1px);border-color:rgba(239,179,95,.55);background:var(--panel2)}.chip.active,.page-btn.active{border-color:var(--gold);background:var(--gold);color:#171008}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(1rem,2vw,1.35rem)}.video-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:rgba(23,29,31,.93);color:inherit;text-decoration:none;transition:.24s}.video-card:hover{transform:translateY(-5px);border-color:rgba(239,179,95,.5);background:var(--panel2);box-shadow:var(--shadow)}.thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#080a0b}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s,filter .45s}.video-card:hover img{transform:scale(1.045);filter:saturate(1.08) contrast(1.04)}.play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.18);opacity:0;transition:.22s}.video-card:hover .play{opacity:1}.play i{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:rgba(239,179,95,.96);color:#171008;font-style:normal;font-size:1.25rem;box-shadow:0 12px 28px rgba(0,0,0,.4)}.video-info{display:flex;flex-direction:column;flex:1;min-height:125px;padding:1rem}.video-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:1rem;line-height:1.38}.video-meta{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-top:auto;padding-top:.9rem;color:var(--muted);font-size:.76rem}.tag{padding:.24rem .55rem;border-radius:6px;background:rgba(105,198,170,.14);color:#9be2ce;font-size:.7rem;font-weight:800}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:3rem}.page-btn{min-width:42px;height:42px;padding:0 .8rem;border-radius:9px}.page-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.empty{grid-column:1/-1;padding:5rem 1rem;text-align:center;color:var(--muted)}.site-footer{margin-top:3rem;padding:2rem;text-align:center;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}@media(max-width:820px){.navbar{align-items:stretch;flex-direction:column;gap:.8rem}.search-bar{width:100%}.home-intro{grid-template-columns:1fr}.intro-stats{justify-content:flex-start}.video-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.9rem}.video-info{min-height:118px;padding:.8rem}.video-title{font-size:.92rem}}@media(max-width:420px){.video-grid{grid-template-columns:1fr}}