*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f5f5f5;background:#0f0f0f;font-family:Arial,sans-serif;line-height:1.8}main{max-width:1100px;margin:auto;padding:30px 20px}.header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0ff2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:20px;display:flex;position:sticky;top:0}.header h1{color:#d4af37;font-size:38px}nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}nav a{color:#ddd;margin-left:15px;text-decoration:none;transition:all .3s}nav a:hover{color:#d4af37}.hero{text-align:center;margin-top:50px}.hero-image{border-radius:25px;width:100%;height:520px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000073}.hero-image img{object-fit:cover}.intro{margin-top:35px}.intro h2{color:#d4af37;margin-bottom:15px;font-size:42px}.intro p{color:#ddd;margin-bottom:10px;font-size:19px}.music-section{margin-top:90px;scroll-margin-top:100px}.music-section>h2{color:#d4af37;text-align:center;margin-bottom:40px;font-size:34px}.music-list{flex-direction:column;gap:25px;display:flex}.music-card{background:linear-gradient(145deg,#1c1c1c,#151515);border:1px solid #d4af371f;border-radius:25px;padding:30px;transition:all .3s;box-shadow:0 10px 40px #0006}.music-card:hover{border-color:#d4af374d;transform:translateY(-3px)}.music-card h3{color:#d4af37;margin-bottom:12px;font-size:30px}.lyric-preview{color:#ddd;margin-bottom:15px;font-size:18px;line-height:2}.music-card audio{width:100%;margin-top:10px}.read-more{color:#111;background:#d4af37;border-radius:15px;margin-top:20px;padding:10px 22px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.read-more:hover{background:#f0cc55;transform:translateY(-2px)}.lyrics-section{text-align:center;margin-top:90px;scroll-margin-top:100px}.lyrics-section>h2{color:#d4af37;margin-bottom:10px;font-size:34px}.lyrics-section>p{color:#bbb;margin-bottom:30px}.lyrics-list{grid-template-columns:repeat(2,1fr);gap:15px;max-width:700px;margin:auto;display:grid}.lyrics-list a{color:#fff;background:#1b1b1b;border:1px solid #ffffff0f;border-radius:18px;padding:16px;font-size:20px;text-decoration:none;transition:all .3s}.lyrics-list a:hover{color:#d4af37;border-color:#d4af3759;transform:translateY(-2px)}.lyrics-page{text-align:center;direction:rtl;max-width:900px;margin:40px auto;padding:40px 20px}.lyrics-page h1{color:#d4af37;margin-bottom:35px;font-size:42px;line-height:1.5}.lyrics-text{background:linear-gradient(145deg,#181818,#121212);border:1px solid #d4af371f;border-radius:25px;padding:40px 35px;box-shadow:0 15px 45px #00000059}.lyrics-text p{color:#eee;margin-bottom:38px;font-size:21px;line-height:2.7}.lyrics-text p:last-child{margin-bottom:0}.about-section{text-align:center;background:#151515;border-radius:25px;margin-top:90px;padding:40px;scroll-margin-top:100px}.about-section h2{color:#d4af37;margin-bottom:25px;font-size:34px}.about-section p{color:#ddd;margin-bottom:15px;font-size:18px;line-height:2.3}.contact{text-align:center;margin-top:80px}.contact h2{color:#d4af37;margin-bottom:35px;font-size:34px}.contact-box{text-align:left;background:#1b1b1b;border-radius:25px;align-items:center;gap:25px;max-width:520px;margin:20px auto;padding:25px;display:flex}.contact-icon{font-size:45px}.contact-box h3{color:#fff;margin-bottom:10px}.contact-box a{color:#ccc;word-break:break-all;text-decoration:none}.contact-box a:hover{color:#d4af37}footer{text-align:center;color:#888;border-top:1px solid #ffffff1a;margin-top:80px;padding-top:30px}@media (max-width:768px){main{padding:20px 15px}.header{flex-direction:column;gap:18px;padding-bottom:18px}.header h1{font-size:30px}nav{justify-content:center;gap:5px}nav a{margin-left:7px;font-size:14px}.hero{margin-top:30px}.hero-image{border-radius:20px;height:350px}.intro h2{font-size:32px}.intro p{font-size:17px}.music-section,.lyrics-section,.about-section{margin-top:65px}.music-section>h2,.lyrics-section>h2,.about-section h2{font-size:28px}.music-card{border-radius:20px;padding:22px}.music-card h3{font-size:26px}.lyric-preview{font-size:16px}.lyrics-list{grid-template-columns:1fr}.lyrics-list a{font-size:18px}.about-section{padding:25px 20px}.about-section p{font-size:16px}.lyrics-page{margin:20px auto;padding:30px 10px}.lyrics-page h1{margin-bottom:25px;font-size:32px}.lyrics-text{border-radius:20px;padding:28px 18px}.lyrics-text p{margin-bottom:30px;font-size:18px;line-height:2.4}.contact-box{flex-direction:column;align-items:flex-start;gap:10px;margin:15px 5px;padding:20px}}
