:root{--bg: #05070b;--text: #ffffff;--muted: rgba(255,255,255,.7);--accent: #ff5a3c}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.heroPage{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(90deg,#03080ef2,#03080ecc,#03080e66),url(/assets/hero-bg-B_uX1Z-P.jpg);background-size:cover;background-position:center right}.nav{display:flex;justify-content:space-between;align-items:center;padding:22px 48px}.brand{display:flex;gap:14px;align-items:center}.logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#ff5a3c,#2e9bff)}.brandName{font-weight:900;letter-spacing:.25em;font-size:14px}.brandSub{font-size:12px;color:var(--muted)}.navLinks{display:flex;gap:28px;align-items:center}.navLinks a{color:var(--muted);text-decoration:none;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.navCta{background:var(--accent);color:#160805!important;padding:12px 18px;border-radius:14px;font-weight:800}.heroContent{flex:1;display:flex;align-items:center;padding:0 48px}.left{max-width:520px}.left h1{font-size:64px;margin:0 0 14px;font-weight:900}.subtitle{font-size:16px;color:var(--muted);line-height:1.6;margin-bottom:28px}.cta{display:inline-block;background:var(--accent);color:#160805;padding:16px 26px;border-radius:16px;font-weight:900;text-decoration:none}.playerBar{height:72px;background:#0a0c10f2;display:flex;align-items:center;gap:14px;padding:0 20px;border-top:1px solid rgba(255,255,255,.1)}.trackThumb{width:46px;height:46px;background:#ffffff1a;border-radius:8px}.trackMeta{flex:1}.trackTitle{font-weight:700;font-size:14px}.trackSub{font-size:12px;color:var(--muted)}.playerControls button{background:none;border:none;color:#fff;font-size:18px;margin:0 6px;cursor:pointer}.progress{width:220px}.bar{height:4px;background:linear-gradient(90deg,var(--accent),rgba(255,255,255,.2));border-radius:999px}