:root{--g:#35ff66;--g2:#00d4ff;--bg:#040805;--panel:rgba(8,18,12,.78)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 20% 10%,#123d20,transparent 30%),radial-gradient(circle at 80% 20%,#053a42,transparent 28%),#020503;color:#eaffee;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(120deg,transparent,rgba(53,255,102,.08),transparent);animation:scan 7s infinite;pointer-events:none}.wrap{max-width:1220px;margin:auto;padding:22px}.hero{min-height:420px;border:1px solid rgba(53,255,102,.35);border-radius:30px;background:linear-gradient(135deg,rgba(0,0,0,.75),rgba(7,40,18,.65)),url('../img/banner.svg') center/cover;box-shadow:0 0 45px rgba(53,255,102,.2);padding:28px;position:relative;overflow:hidden}.top{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;gap:14px;align-items:center}.logo img{width:72px}.nav a{color:#dffff0;text-decoration:none;margin:0 10px;padding:10px 15px;border-radius:99px;background:rgba(255,255,255,.06)}.hero h1{font-size:clamp(44px,8vw,96px);margin:80px 0 10px;text-shadow:0 0 20px var(--g);letter-spacing:2px}.hero p{font-size:22px;color:#b9ffd0}.player{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;margin-top:22px}.card{background:var(--panel);border:1px solid rgba(53,255,102,.28);border-radius:24px;padding:22px;box-shadow:inset 0 0 30px rgba(53,255,102,.04),0 10px 40px rgba(0,0,0,.35);backdrop-filter:blur(10px)}audio{width:100%;filter:drop-shadow(0 0 12px rgba(53,255,102,.4))}.eq{height:70px;display:flex;align-items:end;gap:8px}.eq span{width:14px;background:linear-gradient(var(--g2),var(--g));border-radius:8px;animation:bounce 1s infinite alternate}.eq span:nth-child(2n){animation-delay:.25s}.eq span:nth-child(3n){animation-delay:.45s}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.btn{display:inline-block;background:linear-gradient(90deg,var(--g),var(--g2));color:#001506;font-weight:800;border:0;border-radius:14px;padding:13px 18px;text-decoration:none}.pill{display:inline-block;color:var(--g);border:1px solid rgba(53,255,102,.4);border-radius:99px;padding:6px 10px}.footer{text-align:center;color:#8fb99d;padding:35px}@keyframes scan{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes bounce{from{height:18px}to{height:68px}}@media(max-width:850px){.player,.grid{grid-template-columns:1fr}.nav{display:none}.hero h1{margin-top:40px}}