*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#0a0a0c radial-gradient(ellipse at top,#1d1d24 0%,#0a0a0c 60%);color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;-webkit-font-smoothing:antialiased}
.top-bar{width:100%;height:4px;background:linear-gradient(90deg,#e30613,#ff6a00)}
header{padding:48px 20px 20px;text-align:center}
header img{height:84px;width:auto}
.hero{text-align:center;padding:0 24px 36px;max-width:760px}
.hero h1{font-size:40px;font-weight:800;letter-spacing:-.5px;margin-bottom:16px}
.hero .line{width:64px;height:3px;background:#e30613;margin:0 auto 20px;border-radius:2px}
.hero p{font-size:17px;line-height:1.7;color:#c9c9d1;font-weight:400}
main{width:100%;max-width:1200px;padding:0 20px 48px}
.live-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:15px;font-weight:700;letter-spacing:1.5px}
.badge{display:inline-flex;align-items:center;gap:6px;background:#e30613;padding:5px 10px;border-radius:4px;font-size:12px}
.badge i{width:8px;height:8px;border-radius:50%;background:#fff;animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.25}}
.player-wrap{width:100%;background:#000;position:relative;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.daion-overlay{position:absolute;pointer-events:none}
#adLogo{position:absolute;top:10px;right:10px;height:40px}
footer{margin-top:auto;width:100%;border-top:1px solid #222;padding:22px;font-size:13px;color:#8a8a94;text-align:center}
@media(max-width:600px){header{padding-top:32px}header img{height:58px}.hero h1{font-size:28px}.hero p{font-size:15px}main{padding:0 10px 32px}}