:root{--purple:#8B5CF6;--dark:#1A1A2E;--accent:#16213E;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:system-ui,sans-serif;background:var(--dark);color:#fff;}
nav{position:fixed;top:0;width:100%;background:rgba(26,26,46,0.95);backdrop-filter:blur(10px);z-index:1000;padding:20px;display:flex;justify-content:space-between;align-items:center;}
.logo{font-size:1.5rem;font-weight:800;}
nav ul{display:flex;list-style:none;gap:30px;}
nav a{color:#fff;text-decoration:none;transition:color 0.3s;}
nav a:hover{color:var(--purple);}
.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;}
.wave-container{position:absolute;width:100%;height:100%;opacity:0.3;}
#waveform{width:100%;height:100%;}
.hero h1{font-size:clamp(2.5rem,8vw,5rem);margin-bottom:20px;z-index:2;position:relative;}
.hero p{font-size:1.3rem;margin-bottom:40px;z-index:2;position:relative;}
.platforms{display:flex;gap:20px;z-index:2;position:relative;}
.platforms a{padding:12px 30px;background:var(--purple);color:#fff;text-decoration:none;border-radius:25px;transition:transform 0.3s;}
.platforms a:hover{transform:translateY(-3px);}
.episodes{padding:100px 20px;max-width:800px;margin:0 auto;}
.episodes h2{font-size:2.5rem;margin-bottom:50px;text-align:center;}
.ep-list{display:grid;gap:20px;}
.ep{background:var(--accent);padding:30px;border-radius:16px;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;transition:transform 0.3s;}
.ep:hover{transform:translateY(-5px);}
.num{font-size:2rem;font-weight:900;color:var(--purple);}
.ep h3{font-size:1.3rem;margin-bottom:5px;}
.ep p{color:#999;font-size:0.95rem;}
.play{width:50px;height:50px;border-radius:50%;background:var(--purple);border:none;color:#fff;font-size:1.2rem;cursor:pointer;transition:all 0.3s;}
.play:hover{background:#7C3AED;transform:scale(1.1);}
.subscribe{padding:100px 20px;text-align:center;background:var(--accent);}
.subscribe h2{font-size:2.5rem;margin-bottom:40px;}
.subscribe form{max-width:500px;margin:0 auto;display:flex;gap:15px;}
.subscribe input{flex:1;padding:15px;border-radius:8px;border:none;font-size:1rem;}
.btn{padding:15px 40px;background:var(--purple);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background 0.3s;}
.btn:hover{background:#7C3AED;}
footer{padding:40px;text-align:center;color:#999;}
@media (max-width:768px){nav ul{position:fixed;left:-100%;top:70px;flex-direction:column;background:var(--dark);width:100%;padding:40px;transition:left 0.3s;}nav ul.active{left:0;}.platforms{flex-direction:column;}.subscribe form{flex-direction:column;}}