:root{--gold:#f5b51b;--red:#d92828;--bg:#080808;--card:#121212;--muted:#aaa}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#39290a 0,transparent 35%),var(--bg);color:#fff;font-family:Arial,Helvetica,sans-serif}
.header{height:70px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#090909e8;border-bottom:1px solid #ffffff14;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}
.logo{font-size:16px;font-weight:900;letter-spacing:1px}.logo:first-letter{color:var(--gold);font-size:28px}.logo b{color:var(--gold)}
.install{border:1px solid var(--gold);color:var(--gold);background:transparent;border-radius:25px;padding:10px 16px;font-weight:bold;cursor:pointer}
.banner{padding:75px 6% 55px;text-align:center;min-height:620px;display:flex;align-items:center;justify-content:center}
.banner-inner{width:min(1000px,100%)}.live-badge{display:inline-block;color:var(--gold);font-size:12px;font-weight:bold;letter-spacing:3px}
h1{font-size:clamp(48px,9vw,92px);line-height:.9;letter-spacing:-4px;margin:20px 0}
h1 strong{color:var(--gold)}.banner>p{color:var(--muted);font-size:18px}
.player{margin:42px auto 0;max-width:780px;text-align:left;display:flex;gap:25px;padding:25px;border-radius:25px;background:linear-gradient(145deg,#ffffff12,#ffffff04);border:1px solid #ffffff12;box-shadow:0 25px 70px #000}
.album{width:190px;height:190px;flex:none;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#241d0b,#d99c0e,#4a1010)}
.record{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;font-size:45px;background:radial-gradient(circle,#f5b51b 0 7%,#151515 8% 15%,#111 16% 100%);box-shadow:0 8px 30px #000}
.info{flex:1}.onair{color:#ff5555;font-size:12px;font-weight:bold;letter-spacing:2px}.info h2{font-size:28px;margin:15px 0 5px}.info p{color:var(--muted);margin:0}
.controls{display:flex;align-items:center;gap:20px;margin-top:25px}.play{width:62px;height:62px;border:0;border-radius:50%;background:var(--gold);font-size:23px;cursor:pointer}.controls input{flex:1;accent-color:var(--gold)}small{display:block;color:#999;margin-top:14px}
.cards{width:min(1000px,88%);margin:0 auto 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards div{background:var(--card);border:1px solid #ffffff0d;padding:25px;border-radius:18px}.cards span{font-size:28px;display:block;margin-bottom:12px}.cards b{font-size:17px}.cards p{color:var(--muted);margin-bottom:0}
.install-notice{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);width:min(650px,calc(100% - 24px));padding:15px 18px;display:flex;align-items:center;gap:12px;background:#171717f5;border:1px solid #f5b51b66;border-radius:18px;box-shadow:0 15px 50px #000;z-index:30;backdrop-filter:blur(15px)}
.notice-icon{font-size:28px}.notice-text{flex:1;display:flex;flex-direction:column;gap:4px}.notice-text span{font-size:12px;color:#aaa}.install-notice button{border:0;border-radius:9px;background:var(--gold);padding:10px 15px;font-weight:bold;cursor:pointer}.install-notice .close{background:transparent;color:#aaa;font-size:23px;padding:4px}
footer{text-align:center;border-top:1px solid #ffffff0d;color:#777;padding:30px;font-size:13px}
@media(max-width:700px){.player{flex-direction:column}.album{width:100%;height:180px}.cards{grid-template-columns:1fr}.install-notice{align-items:flex-start}.notice-text{font-size:13px}.install-notice button{margin-top:2px}}