body {
margin: 0;
font-family: Arial, sans-serif;
background: #0f172a;
color: white;
}

header {
display: flex;
justify-content: space-between;
padding: 20px;
background: #020617;
}

nav a {
margin: 0 10px;
color: #38bdf8;
text-decoration: none;
}

.hero {
text-align: center;
padding: 100px 20px;
background: linear-gradient(135deg, #1e293b, #0f172a);
}

.btn {
background: #38bdf8;
padding: 10px 20px;
color: black;
text-decoration: none;
border-radius: 5px;
}

.content {
padding: 40px;
max-width: 900px;
margin: auto;
}

.stream-card {
background: #1e293b;
padding: 20px;
margin: 20px 0;
border-radius: 10px;
}

button {
padding: 10px;
background: #22c55e;
border: none;
color: white;
cursor: pointer;
}

footer {
text-align: center;
padding: 20px;
background: #020617;
}