.hero{background:linear-gradient(135deg,var(--panel) 0%,var(--panel-2) 100%);border-radius:20px;padding:24px;border:1px solid rgba(255,255,255,.06)}
.hero h1{font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(32px,5vw,56px);margin:0 0 8px;background:linear-gradient(135deg,#fff 0%,var(--accent)100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero p{color:var(--muted);max-width:720px}
.mini-player{position:fixed;bottom:16px;right:16px;width:320px;max-width:90vw;background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.6);z-index:9999;display:none;overflow:hidden}
.mini-player.active{display:block}
.mini-head{display:flex;justify-content:space-between;align-items:center;background:var(--panel-2);padding:8px 12px}
.mini-body{aspect-ratio:16/9;background:#000}
.mini-btn{background:transparent;border:none;color:#fff;cursor:pointer}
@media (max-width:768px){.mini-player{width:280px}}