@import url("https://fonts.googleapis.com/css2?family=Inter:wght@600;700;800&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--black:#0d0d0d;--dark:#1b1b1b;--darker:#111;--gray:#3d3d3d;--text:#fff;--text-muted:#b3b3b3;--orange:#ff9000;--orange-hover:#ffab00}body{font-family:Inter,-apple-system,sans-serif;background:var(--black);color:var(--text);-webkit-font-smoothing:antialiased}.container{max-width:1400px;margin:0 auto;padding:0 20px}.header{background:var(--darker);border-bottom:2px solid var(--orange);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header .container{justify-content:space-between;height:65px}.header .container,.logo{display:flex;align-items:center}.logo{text-decoration:none;font-weight:800;font-size:28px;letter-spacing:-.5px;gap:4px}.logo-text{color:var(--text)}.logo-highlight{background:var(--orange);color:#000;padding:4px 10px;border-radius:5px}.header-right{display:flex;align-items:center;gap:15px}.ca-link{padding:8px 16px;background:var(--dark);border:1px solid var(--gray);border-radius:5px;color:var(--orange);text-decoration:none;font-size:13px;font-weight:600;font-family:Courier New,monospace;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:450px}.ca-link:hover{background:var(--darker);border-color:var(--orange);color:var(--text)}.btn{padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s;border:none;cursor:pointer}.btn-primary{background:var(--orange);color:#000}.btn-primary:hover{background:var(--orange-hover)}.main{padding:20px 0 0;height:calc(100vh - 145px)}.title-row{justify-content:space-between;margin-bottom:20px}.title,.title-row{display:flex;align-items:center}.title{font-size:24px;font-weight:700;gap:10px;margin:0}.view-more{color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:600;transition:color .2s}.view-more:hover{color:var(--orange)}.emoji{font-size:28px}.grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:15px;gap:15px;height:100%}.card{background:var(--dark);border-radius:12px;border:1px solid var(--gray);overflow:hidden;transition:all .3s;text-decoration:none;display:block}.card:hover{border-color:var(--orange);transform:translateY(-4px);box-shadow:0 8px 30px rgba(255,144,0,.2)}.image-card{cursor:pointer}.image-wrapper{position:relative;width:100%;height:100%;overflow:hidden;background:var(--darker)}.image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card:hover .image-wrapper img{transform:scale(1.05)}.overlay{position:absolute;inset:0;background:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;opacity:1;transition:all .3s}.card:hover .overlay{background:rgba(0,0,0,.4)}.play-icon{width:80px;height:80px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#000;font-weight:700;padding-left:8px;transition:transform .3s}.card:hover .play-icon{transform:scale(1.1)}@media (max-width:1200px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.logo{font-size:22px}.header .container{height:60px}.title{font-size:20px}.title-row{flex-direction:column;align-items:flex-start;gap:10px}.view-more{font-size:13px}.ca-link{max-width:200px;font-size:11px;padding:6px 10px}.btn{padding:8px 16px;font-size:13px}.grid{grid-template-columns:1fr}}