:root{--primary-glow:#00f2fe;--secondary-glow:#7000ff;--glass:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.1)}body{margin:0;background:linear-gradient(135deg,#090b10,#131824,#0b111a);color:#fff;overflow-x:hidden;padding-bottom:80px;scroll-behavior:smooth;font-family:sans-serif}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:rgba(15,20,30,.7);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:-webkit-sticky;position:sticky;top:0;z-index:50;border-bottom:1px solid hsla(0,0%,100%,.05)}.header h1{font-size:1.5rem;margin:0;background:linear-gradient(90deg,#00f2fe,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.social-links{display:flex;gap:20px}.social-links a{color:#fff;font-size:1.5rem;transition:.3s}.social-links a:hover{color:var(--primary-glow);transform:translateY(-2px)}.hero{text-align:center;padding:80px 20px}.hero h2{font-size:3rem;margin-bottom:10px;background:linear-gradient(90deg,#00f2fe,#7000ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.2rem;color:#a0aec0;margin-bottom:30px}.btn-primary{background:linear-gradient(90deg,#f05,#f03);color:#fff;padding:12px 24px;border-radius:30px;text-decoration:none;font-weight:700;transition:.3s;box-shadow:0 4px 15px rgba(255,0,85,.4)}.btn-primary:hover{box-shadow:0 4px 25px rgba(255,0,85,.7);transform:scale(1.05)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:30px;gap:30px;padding:40px 20px;max-width:1200px;margin:0 auto}.card{position:relative;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;padding:15px;overflow:hidden;transition:all .5s cubic-bezier(.23,1,.32,1)}.card:hover{border-color:var(--primary-glow);box-shadow:0 0 20px var(--primary-glow),inset 0 0 10px var(--primary-glow);transform:translateY(-10px) scale(1.02)}.thumbnail-container{position:relative;cursor:pointer}.thumbnail-container img{width:100%;border-radius:10px;transition:.3s}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);color:#fff;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:.3s}.thumbnail-container:hover img{opacity:.7}.thumbnail-container:hover .play-button{background:#f05;transform:translate(-50%,-50%) scale(1.1)}.video-responsive iframe{width:100%;aspect-ratio:16/9;border-radius:10px}.card h3{font-size:1.1rem;margin-top:15px;line-height:1.4}.footer{text-align:center;padding:30px;color:#a0aec0;border-top:1px solid hsla(0,0%,100%,.05);margin-top:50px}.glass-panel{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.8)}#matrix-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.15}.music-player-bar{position:fixed;bottom:0;width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;z-index:1000;border-radius:20px 20px 0 0;border-top:1px solid rgba(0,242,254,.3)}.song-info{flex:1 1;overflow:hidden}.now-playing-label{color:#00f2fe;font-weight:700;font-size:.7rem;display:block}.song-title{white-space:nowrap;font-size:.9rem}.visualizer-container{flex:1 1;display:flex;justify-content:center}.controls{flex:1 1;display:flex;gap:20px;justify-content:flex-end;font-size:1.2rem}.play-pause-btn{background:#00f2fe;color:#000;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 15px rgba(0,242,254,.4);transition:.2s}.play-pause-btn:hover{transform:scale(1.1);box-shadow:0 0 20px rgba(0,242,254,.7)}.glow-text{text-shadow:0 0 10px rgba(0,242,254,.8)}.glow-icon{font-size:1.2rem;cursor:pointer;transition:.3s;color:#fff}.glow-icon:hover{color:#00f2fe;filter:drop-shadow(0 0 8px #00f2fe)}.video-viewport{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;border:2px solid #00f2fe;box-shadow:0 0 15px rgba(0,242,254,.3)}.video-viewport iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-viewport img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.video-title{color:#00f2fe;font-size:.95rem;font-weight:700;line-height:1.4;margin-top:10px;text-transform:capitalize}.tag{background:rgba(0,242,254,.1);color:#00f2fe;padding:4px 10px;border-radius:20px;font-size:.8rem;margin-right:8px;border:1px solid rgba(0,242,254,.3)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,242,254,.4)}70%{box-shadow:0 0 0 15px rgba(0,242,254,0)}to{box-shadow:0 0 0 0 rgba(0,242,254,0)}}.btn-primary{animation:pulse 2s infinite}@media (max-width:768px){.hide-mobile,.visualizer-container{display:none!important}}.hero h2{font-size:2rem}.header{padding:12px 16px}.social-links a{font-size:1.3rem}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}