*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#08111f;color:white}nav{position:sticky;top:0;background:#050a12cc;backdrop-filter:blur(10px);display:flex;gap:22px;align-items:center;padding:16px 7%;z-index:2}nav b{margin-right:auto;color:#38e8ff}nav a{color:white;text-decoration:none}.hero{min-height:470px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at top,#114b78,#08111f 60%)}h1{font-size:clamp(36px,8vw,80px);margin:0}.btn,button{background:linear-gradient(90deg,#23d5ff,#7c3cff);color:white;border:0;border-radius:12px;padding:14px 20px;text-decoration:none;font-weight:bold}section{padding:55px 7%}.player{background:#0c1b31;text-align:center}.player audio{width:min(700px,100%)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.cards h2{grid-column:1/-1}.cards div{background:#102846;border:1px solid #21466d;border-radius:18px;padding:25px}footer{text-align:center;padding:25px;background:#050a12}