* { box-sizing:border-box; margin:0; padding:0; font-family: Arial, sans-serif; }
body { background: radial-gradient(circle at top,#0b0b14,#000); color:white; overflow-x:hidden; position:relative; }

/* Cursor Glow (Desktop Only) */
.cursor-glow { position:fixed; width:40px; height:40px; border-radius:50%; background:radial-gradient(circle, rgba(127,92,255,0.6), transparent 70%); pointer-events:none; transform:translate(-50%,-50%); z-index:9999; }

/* Floating Liquid Blobs */
.liquid-glow { position:fixed; inset:-20%; background: radial-gradient(circle at 20% 20%, rgba(114,9,183,0.35), transparent 40%), radial-gradient(circle at 80% 30%, rgba(247,37,133,0.35), transparent 45%), radial-gradient(circle at 50% 80%, rgba(76,201,240,0.25), transparent 50%); filter:blur(80px); z-index:0; }

/* Header */
.hero { text-align:center; padding:4rem 1rem; backdrop-filter: blur(20px); background:rgba(255,255,255,0.05); border-radius:20px; box-shadow:0 0 40px rgba(127,92,255,0.2); }
.logo { width:120px; filter:drop-shadow(0 0 25px #7f5cff); }

/* Glass Sections */
.bio, .links { margin:2rem auto; max-width:900px; padding:2rem; border-radius:20px; background: rgba(255,255,255,0.05); backdrop-filter: blur(20px); box-shadow:0 0 40px rgba(127,92,255,0.2); }

/* Fade-in */
.fade-in { opacity:0; transform:translateY(40px); transition:0.7s ease; }
.fade-in.visible { opacity:1; transform:translateY(0); }

/* Music */
.music h2 { text-align:center; margin:2rem 0; color:#ff4fd8; text-shadow:0 0 15px rgba(255,79,216,0.5); }
.music-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1.5rem; padding:1rem; }

.music-card { position:relative; border-radius:20px; overflow:hidden; cursor:pointer; background-size:cover; background-position:center; height:300px; box-shadow:0 0 20px rgba(127,92,255,0.3); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.music-card:hover { transform:translateY(-5px); box-shadow:0 0 35px rgba(247,37,133,0.6); }

.song-info { position:absolute; bottom:0; width:100%; text-align:center; background:rgba(0,0,0,0.25); padding:0.8rem; }
.play-btn { margin-top:0.5rem; padding:0.5rem 1rem; border:none; border-radius:50px; background:#7f5cff; color:white; font-weight:bold; cursor:pointer; box-shadow:0 0 15px rgba(127,92,255,0.6); transition:transform 0.2s ease; }
.play-btn:hover { transform:scale(1.05); }

/* Links */
.link-grid { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
.link-grid a { padding:1rem 1.5rem; border-radius:50px; background:rgba(255,255,255,0.1); color:white; text-decoration:none; font-weight:bold; box-shadow:0 0 20px rgba(127,92,255,0.4); }