html {
  background: #000;
}

body.inner-page {
  background: #000;
  color: #fff;
  margin: 0;
  padding: 6px;
  font-family: Georgia, "Times New Roman", serif;
  text-align: center;
}

body.inner-page.vip-terminal-page {
  background: #000;
  color: #fff;
  padding: 0 6px 10px;
}

body.inner-page.vip-terminal-page .logotop {
  background: #000;
  border-color: #700020;
}

body.inner-page.vip-terminal-page .page-nav a {
  background: #e70042;
}

body.inner-page.vip-terminal-page .buttongg {
  background-color: #e70042;
  box-shadow: 0 5px #700020;
}

body.inner-page.vip-terminal-page .bottom {
  background: #0a0a0a;
  color: #ddd;
  border-color: #700020;
  text-shadow: none;
}

body.inner-page.forum-page {
  background: #AAB7B8;
  color: #000;
  padding: 0;
  font-family: Tahoma, sans-serif;
  font-size: 12pt;
}
body.forum-page > header,
body.forum-page .page-actions,
body.forum-page .fixed-play {
  display: none;
}
body.forum-page #main-content {
  padding: 0;
  background: transparent;
}

body.inner-page.forum-page .logotop {
  background: #000;
  border-color: #700020;
}

body.inner-page.forum-page .page-nav {
  display: none;
}

body.inner-page.forum-page .page-nav a {
  background: #e70042;
  color: #fff;
}

body.inner-page.forum-page .buttongg {
  background-color: #e70042;
  box-shadow: 0 5px #700020;
}

body.inner-page.forum-page .bottom {
  background: #0a0a0a;
  color: #ddd;
  border-color: #700020;
  text-shadow: none;
}

.logotop {
  background-color: #000;
  padding: 3px 6px;
  display: block;
  margin-bottom: 5px;
  border: 3px solid #cb004d;
  text-align: center;
}

.logotop img {
  display: inline-block;
  height: auto;
  width: 82%;
  max-width: 280px;
  max-height: 50px;
  object-fit: contain;
  vertical-align: middle;
}

@media (min-width: 576px) {
  .logotop {
    padding: 4px 10px;
    border-width: 4px;
  }
  .logotop img {
    width: auto;
    max-width: 340px;
    max-height: 56px;
  }
}

.contact-info-grid {
  display: grid;
  gap: 10px;
  margin: 0 0 14px;
}

.contact-info-card {
  background: #fff;
  border: 2px solid #f24790;
  border-radius: 8px;
  padding: 10px;
  text-align: center;
}

.contact-info-label {
  color: #900031;
  font-size: 18px;
}

.contact-info-desc {
  color: #666;
  font-size: 13px;
  margin: 4px 0 8px;
}

.contact-info-link {
  display: inline-block;
  background: #0046ad;
  color: #fff;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 6px;
}

.page-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 8px 0 12px;
}

.page-nav a {
  background: #900031;
  color: #fff;
  text-decoration: none;
  padding: 8px 14px;
  border-radius: 6px;
  font-weight: 700;
}

.page-title,
.about-us-title,
.contact-title,
.fix-ank-title {
  background: #ff00a2;
  color: #fff;
  padding: 8px 10px;
  margin: 8px 0;
  border: 2px solid #fff;
  border-radius: 10px;
  text-shadow: 1px 1px 2px #000;
  font-size: 22px;
}

.content-box,
.about-us-content,
.account {
  background: #fff7e8;
  border: 2px solid #ff182c;
  border-radius: 10px;
  padding: 12px;
  margin: 8px 0;
  color: #a50031;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
}

.content-box p,
.about-us-content p {
  margin: 0 0 10px;
}

.page-actions {
  margin: 16px 0 8px;
}

.buttongg {
  display: inline-block;
  padding: 8px 25px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  margin: 8px;
  font-weight: bold;
  color: #fff;
  background-color: #d60242;
  border: none;
  border-radius: 50px;
  box-shadow: 0 5px #97012f;
}

.buttongg:hover {
  background-color: #ca3b67;
}

.bottom {
  background-color: #ffff99;
  color: black;
  border: #736203 solid 5px;
  border-radius: 8px;
  padding: 6px 8px;
  font-weight: bold;
  font-style: italic;
  font-size: 18px;
  text-align: center;
  text-shadow: 1px 1px gold;
  margin: 8px 0;
}

.cta-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.cta-btn,
.cta-btn:hover {
  flex: 0 1 auto;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  min-width: 118px;
  padding: 7px 18px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  font-style: normal;
  letter-spacing: .4px;
  text-decoration: none;
  box-sizing: border-box;
  line-height: 1.2;
  text-shadow: none;
}
.cta-btn small {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
  opacity: .95;
}

.cta-btn-call {
  background: linear-gradient(135deg, #fb7185 0%, #e11d48 42%, #9f1239 100%);
  border-color: #9f1239;
  box-shadow: 0 2px 8px rgba(190,18,60,.28);
}

.cta-btn-wa {
  background: linear-gradient(135deg, #4ade80 0%, #16a34a 42%, #166534 100%);
  border-color: #166534;
  box-shadow: 0 2px 8px rgba(22,163,74,.28);
}

.bottom .cta-btn,
.bottom .cta-btn:hover {
  color: #fff;
  text-shadow: none;
}

.fixed-play,
.fixed-play:hover {
  position: fixed;
  left: 10px;
  bottom: 16px;
  z-index: 20;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  min-width: 0;
  padding: 6px 12px;
  background: linear-gradient(180deg, #1d4ed8 0%, #1e3a8a 100%);
  color: #fff;
  border: 0;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  font-style: normal;
  letter-spacing: 0.3px;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(30, 58, 138, 0.45);
}

.fixed-play:active {
  transform: translateY(1px);
}

.form-control {
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
  border: 2px solid #f24790;
  font-size: 16px;
  margin-top: 4px;
}

.title-label {
  display: block;
  text-align: left;
  font-weight: 700;
  margin-bottom: 6px;
}

.form-group {
  margin-bottom: 12px;
  text-align: left;
}

.small-btn-bg {
  cursor: pointer;
  background: #f39c12;
  color: #fff;
  border: 2px solid #f8c471;
  border-radius: 4px;
  padding: 10px;
  font-weight: 700;
  width: 100%;
  text-transform: uppercase;
}

.text-success { color: #07b314; font-weight: 700; }
.text-danger { color: #c40016; font-weight: 700; }

.card-grid {
  display: grid;
  gap: 10px;
}

.fix-data-box {
  background-image: linear-gradient(135deg, #5496ff 0%, #8739e6 100%);
  color: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 7px rgb(0 0 0 / 35%);
  margin: 10px 0;
}

.fix-ank-title {
  margin: 0;
  background: linear-gradient(45deg, #e91e63, #f44336);
  font-size: 20px;
  padding: 8px;
}

.fix-data-content {
  padding: 10px;
  font-size: 18px;
  text-shadow: 1px 1px #333;
}

.chart-list a,
.plain-list a {
  display: block;
  background: #fff;
  color: #980047;
  text-decoration: none;
  font-weight: 700;
  padding: 12px;
  margin: 6px 0;
  box-shadow: 0 2px 5px #b28306;
}

.number-grid {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 6px;
}

.number-grid span {
  background: #fff;
  border: 1px solid #cb004d;
  padding: 8px 0;
  font-weight: 700;
}

@media (max-width: 700px) {
  .number-grid { grid-template-columns: repeat(5, 1fr); }
  .page-title { font-size: 18px; }
}

.not-found {
  padding: 28px 12px 18px;
}

.not-found-code {
  margin: 0;
  color: #ffd54a;
  font-size: 64px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 2px 2px #7a0030;
}

.not-found-text {
  margin: 0 0 16px;
  color: #fff;
  font-size: 16px;
}

.footer,.footer *{box-sizing:border-box}
.footer{width:100%;max-width:950px;margin:4px auto 0;background:#ffff99;color:#000;border:3px double #8b1a24;border-radius:8px;padding:8px 10px;font-weight:700;font-style:italic;font-size:18px;text-align:center;text-shadow:none;font-family:georgia,'Times New Roman',Times,serif;overflow:hidden}
.footer a{text-decoration:none;font-weight:700}
.footer a span{font-weight:700}
.footer hr{border:0;border-top:2px solid #111;margin:5px 0}
.footer .vemo2,.footer .vemo2 a{color:red;font-size:22px;font-weight:700;text-decoration:none}
.footer .vemo,.footer .vemo a{color:#ff0000;font-size:32px;font-weight:800;line-height:1.15}
.footer p,.footer p b{margin:0;color:#000;font-size:18px;font-weight:700}

body.info-page{padding:0 10px 16px}
body.info-page main{max-width:720px;margin:0 auto}
.info-bar{margin:10px auto 0;max-width:720px;text-align:center}
.info-brand{display:inline-block;color:#ffe082;font-family:Georgia,'Times New Roman',serif;font-size:22px;font-weight:800;text-decoration:none;letter-spacing:.02em}
.info-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px auto 16px;max-width:720px}
.info-nav-link{display:inline-block;padding:7px 14px;border-radius:999px;background:#1a1a1a;color:#fff;border:1px solid #5c3b16;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700}
.info-nav-link.is-current{background:#f0c14b;color:#1a1206;border-color:#f0c14b}
.info-sheet{text-align:left}
.info-title{margin:0;padding:14px 16px 0;background:#fffaf0;color:#1a1206;border:1px solid #e6d3a1;border-bottom:0;border-radius:16px 16px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:28px;font-weight:700;text-shadow:none}
.info-lead{margin:0;padding:2px 16px 12px;background:#fffaf0;color:#8a5a12;border-left:1px solid #e6d3a1;border-right:1px solid #e6d3a1;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.info-card{margin:0 0 8px;padding:4px 16px 16px;background:#fffaf0;color:#2b2118;border:1px solid #e6d3a1;border-top:0;border-radius:0 0 16px 16px;font-family:Georgia,'Times New Roman',serif;font-size:17px;font-weight:500;line-height:1.65}
.info-card p{margin:0 0 12px}
.info-section{margin:0 0 8px;padding-top:4px}
.info-section h2{margin:0 0 6px;color:#7a1f2b;font-size:18px;font-weight:700}
.info-code{margin:8px 0 4px;color:#7a1f2b;font-family:Georgia,'Times New Roman',serif;font-size:42px;font-weight:700;line-height:1}
.info-phone{font-weight:700}
.info-phone a{color:#9f1239}
.info-success{padding:10px 12px;border-radius:10px;background:#ecfdf3;color:#166534;font-weight:700}
.info-form{display:flex;flex-direction:column;gap:6px}
.info-label{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;color:#5c3b16}
.info-input{width:100%;box-sizing:border-box;margin:0 0 8px;padding:10px 12px;border:1px solid #e6d3a1;border-radius:10px;background:#fff;color:#1a1206;font-family:Arial,Helvetica,sans-serif;font-size:15px}
.info-text{min-height:110px;resize:vertical}
.info-submit{align-self:flex-start;margin-top:4px;padding:10px 18px;border:0;border-radius:999px;background:#7a1f2b;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:700;cursor:pointer}
body.info-page .page-actions{max-width:720px;margin:8px auto 12px;text-align:center}
body.info-page .buttongg{background:#1a1a1a;box-shadow:none;border:1px solid #5c3b16}