*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111827}
header{display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:white;box-shadow:0 6px 22px rgba(15,23,42,.08);position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:14px}
.brand img{width:72px;height:72px;object-fit:contain}
.brand h1{margin:0;font-size:26px}
.brand p{margin:3px 0 0;color:#64748b}
nav a{margin-left:18px;color:#111827;text-decoration:none;font-weight:700}
.open-player{position:fixed;right:24px;bottom:24px;z-index:10;background:var(--primary);color:white;border:0;border-radius:999px;padding:15px 23px;font-weight:800;box-shadow:0 14px 30px rgba(0,0,0,.2);cursor:pointer}

.hero,.ads,.video,.mural,.main-grid{max-width:1180px;margin:28px auto;padding:0 18px}

.slider{
    height:430px;
    border-radius:28px;
    overflow:hidden;
    position:relative;
    box-shadow:0 20px 50px rgba(15,23,42,.12);
    background:#0b1220;
}

.slider.small{
    height:260px;
}

.slide{
    position:absolute;
    inset:0;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    display:flex;
    align-items:end;
    text-decoration:none;
    color:white;
    opacity:0;
    transition:.7s;
    background-color:#0b1220;
}

.slide.active{opacity:1}
.slide>div{padding:40px;background:linear-gradient(transparent,rgba(0,0,0,.72));width:100%}
.slide h2{font-size:42px;margin:0}
.slide p{font-size:20px}

.ad{
    align-items:center;
    justify-content:center;
    font-size:36px;
    font-weight:900;
    text-shadow:0 4px 15px rgba(0,0,0,.3);
}

.main-grid{display:grid;grid-template-columns:1fr 340px;gap:26px}
.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.news-grid article,.box,.tops,.messages>div,.message-form,.video-frame{background:white;border-radius:22px;padding:16px;box-shadow:0 14px 35px rgba(15,23,42,.08)}
.news-grid img{width:100%;height:145px;object-fit:cover;border-radius:16px}
.news-grid a{color:#111827;text-decoration:none}

.socials{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.socials a{background:var(--secondary);color:white;text-decoration:none;padding:10px 12px;border-radius:999px;font-size:14px}

.poll{position:relative;display:block;background:#f1f5f9;border-radius:12px;padding:11px;margin:10px 0;overflow:hidden}
.poll input,.poll span{position:relative;z-index:2}
.poll span{float:right}
.poll i{position:absolute;inset:0 auto 0 0;background:rgba(14,165,233,.25);z-index:1}

.box button,.message-form button{background:var(--primary);color:white;border:0;border-radius:13px;padding:12px 18px;font-weight:800}
.tops{padding-left:35px}
.tops li{margin-bottom:12px}
.tops span{display:block;color:#64748b}

.video{
    text-align:center;
}

.video-frame{
    padding:0;
    overflow:hidden;
    max-width:850px;
    margin:0 auto;
}

.video-frame iframe{
    width:100%;
    height:460px;
    border:0;
    display:block;
}

.message-form{display:grid;gap:12px}
.message-form input,.message-form textarea{padding:14px;border:1px solid #d1d5db;border-radius:13px}
.messages{display:grid;gap:14px;margin-top:18px}
.messages small{display:block;color:#64748b;margin-top:4px}

footer{text-align:center;padding:35px;background:#0b1220;color:white;margin-top:40px}
footer img{width:90px;height:90px;object-fit:contain}

@media(max-width:850px){
    header{display:block;text-align:center}
    nav{margin-top:12px}
    nav a{display:inline-block;margin:8px}
    .main-grid{grid-template-columns:1fr}
    .slider{height:300px}
    .slider.small{height:180px}
    .slide h2{font-size:30px}
    .video-frame iframe{height:270px}
}