body{margin:0;background:#0b0b14;color:#fff;font-family:Arial}canvas{position:absolute;inset:0} .hero{position:relative;height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#111}.content{position:relative;z-index:2}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px}.card{background:#1c1c28;border-radius:12px;padding:15px}.card img{width:100%;border-radius:8px}.btn{background:#d2691e;color:#fff;padding:10px 16px;text-decoration:none;border-radius:8px;display:inline-block}.music #player{position:fixed;inset:0;width:100%;height:100%;object-fit:cover}.overlay{position:fixed;top:15px;left:15px;z-index:5;background:rgba(0,0,0,.6);padding:10px;border-radius:8px}