*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;background:#0b0a0a;color:#dec1b0;line-height:1.5}
a{color:#f0c674;text-decoration:none}
.wrapper{max-width:1200px;margin:0 auto;padding:16px}
header,.block,.footer{background:#191614;border:1px solid #3a2e23;border-radius:8px;margin-bottom:16px;padding:16px}
.flex{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:72px}
.nav a{display:block;padding:8px 12px;background:#221b16;border:1px solid #3a2e23;border-radius:6px;margin:6px 6px 0 0}
.status{margin-left:auto;text-align:right}
.slider{position:relative;overflow:hidden;border-radius:8px}
.slide{background:#222 url('../img/slide_1.jpg') center/cover no-repeat;min-height:360px;border:1px solid #3a2e23;border-radius:8px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end}
.slide h3{font-size:28px;margin-bottom:8px}
.grid{display:grid;grid-template-columns:3fr 1fr;gap:16px}
.sidebar .card,.content .card{background:#221b16;border:1px solid #3a2e23;border-radius:8px;padding:12px}
.streams{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}
.stream .meta{font-size:12px;opacity:.85;margin-top:4px}
.newslist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.newsitem{display:flex;gap:12px;background:#221b16;border:1px solid #3a2e23;border-radius:8px;padding:12px}
.newsitem img{width:180px;height:100px;object-fit:cover;border-radius:6px}
footer{background:#191614;border:1px solid #3a2e23;border-radius:8px;padding:16px}
.logo-row img{height:28px;margin-right:10px}
hr{border:0;border-top:1px solid #3a2e23;margin:12px 0}
.small{font-size:12px;opacity:.8}