body { margin:0; font-family:'Montserrat',sans-serif; color:#fff; background:#000; }
.animated-bg { position:fixed; top:0; left:0; width:100%; height:100%; background:linear-gradient(270deg,#000,#1a1a1a,#FFD700); background-size:600% 600%; animation:gradientMove 15s ease infinite; z-index:-1; }
@keyframes gradientMove { 0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
.hero { text-align:center; padding:20px; }
.hero-image { position:relative; border-radius:20px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.5); max-width:600px; margin:auto; }
.hero-image img { width:100%; display:block; border-radius:20px; }
.overlay { position:absolute; bottom:0; width:100%; height:40%; background:linear-gradient(to top,rgba(0,0,0,0.8),transparent); }
.artist-name { position:absolute; bottom:80px; left:50%; transform:translateX(-50%); font-size:2.5rem; color:#FFD700; text-shadow:0 0 15px rgba(255,215,0,0.7); }
.artist-slogan { position:absolute; bottom:50px; left:50%; transform:translateX(-50%); font-size:1.5rem; color:#fff; text-shadow:0 0 10px rgba(255,255,255,0.7); }
.hero-buttons { margin-top:20px; text-align:center; }
.btn.premium { display:inline-block; margin:10px; padding:12px 20px; background:#FFD700; color:#000; font-weight:bold; border-radius:30px; text-decoration:none; transition:transform 0.3s ease, box-shadow 0.3s ease; }
.btn.premium:hover { transform:scale(1.05); box-shadow:0 0 20px #FFD700; }
.btn.subscribe { background:#FF0000; color:#fff; }
.btn.subscribe:hover { box-shadow:0 0 20px #FF0000; }
.youtube-section,.video-gallery,.social-links { text-align:center; margin:30px auto; opacity:0; transform:translateY(30px); transition:opacity 1s ease,transform 1s ease; }
.show { opacity:1; transform:translateY(0); }
.youtube-container { width:100%; max-width:600px; aspect-ratio:16/9; margin:auto; }
.youtube-container iframe { width:100%; height:100%; border-radius:15px; box-shadow:0 10px 30px rgba(0,0,0,0.5); }
.gallery-grid { display:flex; justify-content:center; gap:15px; margin-top:20px; }
.thumb { width:150px; border-radius:10px; cursor:pointer; transition:transform 0.3s ease,box-shadow 0.3s ease; }
.thumb:hover { transform:scale(1.05); box-shadow:0 0 15px #FFD700; }
.icons .icon { display:inline-block; margin:10px; color:#FFD700; font-weight:bold; text-decoration:none; transition:color 0.3s ease; }
.icons .icon:hover { color:#fff; }
footer { text-align:center; margin-top:40px; }