body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
background:#000;
color:#fff;
}


/* HEADER */

.header{
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 25px;
background:linear-gradient(90deg,#ff00cc,#3333ff);
font-weight:bold;
}

.logo{
font-size:22px;
}

.live-status{
font-size:14px;
}


/* PLAYER */

.player-section{
display:flex;
gap:40px;
padding:40px;
align-items:center;
}

.player-box{
background:#111;
padding:20px;
border-radius:10px;
}

.player-box audio{
width:300px;
}

.radio-info{
font-size:18px;
}


/* BREAKING NEWS */

.breaking-news{
background:#111;
padding:10px 20px;
border-top:1px solid #333;
border-bottom:1px solid #333;
}

.ticker{
font-size:15px;
white-space:nowrap;
overflow:hidden;
}


/* NEWS GRID */

.news-section{
padding:40px;
}

.news-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:25px;
}

.news-card{
background:#111;
border-radius:10px;
overflow:hidden;
}

.news-image{
width:100%;
height:180px;
object-fit:cover;
}

.news-body{
padding:15px;
}

.news-body h3{
margin:0 0 10px;
font-size:18px;
}

.news-body p{
font-size:14px;
opacity:0.8;
}

.news-body a{
color:#00c3ff;
text-decoration:none;
font-weight:bold;
}

.news-time{
display:block;
margin-top:10px;
font-size:12px;
opacity:0.6;
}


/* FOOTER */

footer{
text-align:center;
padding:30px;
opacity:0.6;
}