:root{
  --bg:#090f1e; --card:#1e283f; --card2:rgba(33,43,71,.8);
  --text:#fff; --accent:#31bc69; --link:#158d43;
  --shadow:0 0 5px rgba(0,0,0,.3);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  color:var(--text); background:var(--bg);
  font:15px/1.33 Lato,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  text-align:center;
}
a{color:var(--link); text-decoration:none}
a:hover{text-decoration:underline}

.wrap{max-width:1200px; margin:0 auto; padding:10px; text-align:left}
.responsive{max-width:100%; height:auto; display:block}
.aligncenter,.centr{display:block; margin:0 auto}

h1,h2,h3,.h1,.h2,.h3{color:var(--text); font-weight:700; margin:0 0 30px}
h1{font-size:36px; line-height:40px}
h2{font-size:27px; line-height:30px}

.header{margin-bottom:20px; box-shadow:var(--shadow); background-image:linear-gradient(92deg,var(--card),var(--card2)); border-radius:10px; padding:3px 10px}
.header_list{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center}
.logo img{width:80px; vertical-align:bottom}

.c_but{font-size:20px; padding:5px; border:1px solid; color:#fff}

.buttonstop{display:flex; gap:10px}


.main_zag{margin:0 0 30; text-align: center;}

/* Промокод */
.promo{display:flex; gap:10px; align-items:center; justify-content:flex-start; margin:10px 0}
.promo_title{font-weight:700; text-transform:uppercase; padding-right:10px}
.promo_input{
  height:34px; max-width:140px; width:100%;
  border:1px solid #cc8887; border-radius:3px; background:#fff;
  padding:5px 10px; font-size:20px; font-weight:600; color:#000;
}

/* Карточки текста */
.card{
  box-shadow:var(--shadow);
  background-image:linear-gradient(92deg,var(--card),var(--card2));
  background-color:var(--bg); border-radius:10px; padding:20px; margin:0 0 30px;
}

.entry p, .entry ul, .entry ol, blockquote{margin:0 0 30px}
blockquote{padding-left:20px; border-left:5px solid #ddd; color:#fff}

/* Видео */
.video{position:relative; width:100%; max-width:860px; margin:30px auto}
.video iframe{width:100%; aspect-ratio:16/9; display:block; border:0}

/* Таблицы — базово, если появятся */
table{width:100%; margin:20px 0; border-collapse:collapse; border:1px solid #ddd}
th,td{border:1px solid #ddd; padding:5px}
th{font-weight:700; background:#efefef}

/* Футер */
.footer{
  padding:20px 10px; border-radius:10px; box-shadow:var(--shadow);
  background-image:linear-gradient(92deg,var(--card),var(--card2)); color:#fff;
}
.f_list{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center}
.flogo img{width:100px}

@media (max-width:700px){
  .buttonstop{margin:auto}
}