*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050510;color:#fff;font-family:Arial,Helvetica,sans-serif;padding-bottom:96px}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 38px;background:rgba(7,7,19,.94);border-bottom:1px solid #ff2bd6;backdrop-filter:blur(12px)}.brand{font-size:32px;font-weight:900;color:#ff4dff;text-decoration:none;text-shadow:0 0 22px #ff4dff}.topbar nav a{color:#fff;text-decoration:none;margin-left:18px}.menu-btn{display:none;background:none;color:#fff;border:1px solid #ff2bd6;border-radius:10px;padding:10px}.hero{position:relative;min-height:86vh;display:grid;place-items:center;text-align:center;padding:70px 20px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at top,#2a0055,#050510 68%),linear-gradient(135deg,#050510,#120025)}.hero-bg:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,#ff2bd633,#00d9ff22,#8f2cff33,#ff2bd633);animation:spin 16s linear infinite;filter:blur(80px);opacity:.6}.hero-content{position:relative;z-index:1}.live-dot{color:#00ff88;font-weight:bold}.hero h1{font-size:88px;color:#ff4dff;text-shadow:0 0 35px #ff4dff;margin:0}.tagline{font-size:23px;color:#ddd}.player-card,.card{background:#080818;border:1px solid #30204d;border-radius:26px;padding:28px;box-shadow:0 0 28px #7b1cff24}.player-card{max-width:700px;margin:30px auto 0;border-color:#ff2bd6;box-shadow:0 0 35px #ff2bd655}.disc{width:190px;height:190px;margin:0 auto 25px;border-radius:50%;display:grid;place-items:center;border:7px solid #ff2bd6;box-shadow:0 0 30px #ff2bd6,0 0 35px #00d9ff inset;font-size:34px;font-weight:900;line-height:1.1}.disc span:last-child{color:#ff4dff}audio{width:100%}button,input,select{padding:14px;margin:8px 0;border-radius:12px;border:1px solid #a447ff;background:#100a25;color:white;font-size:16px}button{cursor:pointer;background:linear-gradient(90deg,#8f2cff,#ff2bd6);font-weight:bold}.player-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.volume{display:block;margin-top:8px;color:#aaa}.volume input{width:100%;padding:0}.container{max-width:1150px;margin:auto}.section,.stats-section{padding:58px 20px}.stats-grid,.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature-grid{grid-template-columns:repeat(3,1fr)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.stat-card{text-align:center;background:#080818;border:1px solid #30204d;border-radius:22px;padding:24px}.stat-card b{display:block;font-size:34px;color:#ff4dff}.glow{border-color:#ff2bd6;box-shadow:0 0 30px #ff2bd644}.section-head h2,.card h2,.card h3{color:#ff4dff}.timeline{display:grid;gap:14px}.show-card{display:grid;grid-template-columns:130px 1fr auto;gap:18px;align-items:center;background:#0b0b20;border:1px solid #30204d;border-radius:18px;padding:18px}.time{color:#00d9ff;font-weight:bold}.dj-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#8f2cff,#ff2bd6);box-shadow:0 0 18px #ff2bd6;font-weight:bold}.row{display:flex;justify-content:space-between;border-bottom:1px solid #2d164d;padding:12px 0}.updates strong,.green{color:#00ff88}.pink{color:#ff4dff}.cyan{color:#00d9ff}.muted{color:#aaa}.bottom-player{position:fixed;left:20px;right:20px;bottom:20px;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;border-radius:22px;background:rgba(8,8,24,.96);border:1px solid #ff2bd6;box-shadow:0 0 35px #ff2bd655}.bottom-player button{width:auto;min-width:56px}.bottom-player span{color:#00d9ff;font-size:13px}footer{text-align:center;color:#aaa;padding:35px;background:#070713;border-top:1px solid #30204d}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.topbar{display:block;text-align:center;padding:16px}.menu-btn{display:inline-block;margin-top:12px}.topbar nav{display:none;margin-top:12px}.topbar nav.open{display:block}.topbar nav a{display:block;margin:10px}.hero h1{font-size:50px}.stats-grid,.feature-grid,.two-col{grid-template-columns:1fr}.player-actions{grid-template-columns:1fr}.show-card{grid-template-columns:1fr;text-align:center}.dj-avatar{margin:auto}.bottom-player{left:8px;right:8px;bottom:8px;flex-wrap:wrap;text-align:center}}