*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f5f7;color:#25212a}.container{width:min(1120px,92%);margin:auto}.topbar{background:#18151b;color:#fff;padding:12px 0}.topbar-inner{display:flex;justify-content:space-between;gap:20px}.social{display:flex;gap:18px}.social a{color:#fff;text-decoration:none}.hero{position:relative;min-height:500px;background:linear-gradient(120deg,#1d1720,#4a1733);color:#fff;display:flex;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,var(--primary),transparent 42%),linear-gradient(120deg,transparent,rgba(0,0,0,.45))}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:50px;align-items:center}.brand-card{display:flex;align-items:center;gap:22px}.logo{max-width:220px;max-height:100px;object-fit:contain}.logo-text{width:110px;height:110px;border-radius:28px;background:var(--accent);display:grid;place-items:center;font-size:56px;font-weight:900;color:#291521}.brand-card h1{font-size:44px;margin:0 0 8px}.brand-card p{font-size:18px;opacity:.8}.player-card{background:rgba(255,255,255,.12);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:22px;display:grid;grid-template-columns:180px 1fr;gap:25px;box-shadow:0 20px 60px rgba(0,0,0,.32)}.cover{height:180px;border-radius:18px;background:linear-gradient(135deg,var(--accent),var(--primary));background-size:cover;background-position:center;position:relative}.live{position:absolute;top:12px;left:12px;background:#e53245;border-radius:20px;padding:6px 11px;font-size:11px;font-weight:bold}.player-info small{letter-spacing:2px;color:var(--accent)}.player-info h2{font-size:25px;margin:13px 0 6px}.player-info p{opacity:.7}.controls{display:flex;align-items:center;gap:20px;margin-top:25px}.controls button{width:60px;height:60px;border:0;border-radius:50%;background:var(--accent);font-size:24px;cursor:pointer}.volume{flex:1;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:12px}.volume input{width:100%;accent-color:var(--accent)}.content{padding:70px 0}.columns{display:grid;grid-template-columns:1.5fr .8fr;gap:55px}.content h3{font-size:28px;margin-top:0}.history{display:grid;grid-template-columns:1fr 1fr;gap:15px}.history article{background:#fff;border-radius:14px;padding:18px;display:flex;gap:15px;box-shadow:0 8px 25px rgba(0,0,0,.06)}.history article>span{width:42px;height:42px;border-radius:12px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:bold}.history small{display:block;margin-top:5px;color:#777}.btn{display:block;text-align:center;padding:15px 18px;background:var(--primary);color:#fff;text-decoration:none;border-radius:10px;margin:12px 0;font-weight:bold}.whatsapp{background:#1fbd64}.widget{margin-top:20px;padding:18px;background:#fff;border-radius:12px}footer{padding:25px 0;background:#18151b;color:#ccc;text-align:center}@media(max-width:800px){.hero{padding:60px 0}.hero-grid,.columns{grid-template-columns:1fr}.brand-card h1{font-size:34px}.player-card{grid-template-columns:1fr}.cover{height:260px}.history{grid-template-columns:1fr}.topbar-inner{font-size:13px}.social{display:none}}