<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>WEB.RADIO RIX THE ONE</title>
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family: Arial, Helvetica, sans-serif;
}
body{
background: linear-gradient(135deg,#0b0b0b,#1a1a1a,#2b0033);
color:white;
height:100vh;
display:flex;
justify-content:center;
align-items:center;
overflow:hidden;
}
.container{
width:90%;
max-width:900px;
background: rgba(255,255,255,0.05);
border:1px solid rgba(255,255,255,0.1);
border-radius:25px;
padding:40px;
text-align:center;
backdrop-filter: blur(12px);
box-shadow: 0 0 30px rgba(255,100,0,0.3);
}
.logo{
width:250px;
margin-bottom:25px;
filter: drop-shadow(0 0 20px rgba(255,120,0,0.6));
}
h1{
font-size:3rem;
letter-spacing:4px;
margin-bottom:10px;
background: linear-gradient(90deg,#ff7b00,#ff00c8);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
h2{
color:#ccc;
font-weight:normal;
margin-bottom:30px;
}
p{
line-height:1.8;
color:#e5e5e5;
margin-bottom:35px;
font-size:1.1rem;
}
.player{
margin-top:20px;
}
audio{
width:100%;
max-width:500px;
}
.btn{
display:inline-block;
margin-top:25px;
padding:15px 35px;
border-radius:50px;
background: linear-gradient(90deg,#ff7b00,#ff00c8);
color:white;
text-decoration:none;
font-weight:bold;
transition:0.3s;
}
.btn:hover{
transform:scale(1.05);
box-shadow:0 0 20px rgba(255,0,200,0.5);
}
footer{
margin-top:35px;
font-size:0.9rem;
color:#999;
}
</style>
</head>
<body>
<div class="container">
<!-- TROQUE O CAMINHO ABAIXO PELA SUA LOGO -->
<img src="logo.png" alt="Logo RIX THE ONE" class="logo">
<h1>RIX THE ONE</h1>
<h2>WEB.RADIO • PODCASTS • MÚSICA AUTORAL</h2>
<p>
A frequência alternativa da cultura independente.
Música autoral, dropcasts informacionais, poesia sonora,
underground digital e experiências audiofônicas fora do comum.
</p>
<div class="player">
<!-- TROQUE O LINK PELO STREAM DA SUA RÁDIO -->
<audio controls autoplay>
<source src="SEU-LINK-DA-RADIO.mp3" type="audio/mpeg">
Seu navegador não suporta áudio HTML5.
</audio>
</div>
<a href="#" class="btn">
OUVIR AGORA
</a>
<footer>
© 2026 WEB.RADIO RIX THE ONE
</footer>
</div>
</body>
</html>
