body {
  background:
    linear-gradient(180deg, rgba(17, 24, 39, 0.96), rgba(15, 23, 42, 0.98)),
    #111827;
}

.hero-section,
.page-header,
.error-section,
.hero {
  text-align: left !important;
  padding: 48px 0 36px !important;
  border-bottom: 1px solid #374151 !important;
  background:
    linear-gradient(135deg, rgba(31, 41, 55, 0.95), rgba(17, 24, 39, 0.95)) !important;
}

.hero-section .container,
.page-header .container,
.error-section .container,
.hero .container {
  max-width: 1120px;
}

.hero-section h1,
.page-header h1,
.error-section h1,
.hero h1 {
  max-width: 820px;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  line-height: 1.15 !important;
  margin-bottom: 1rem !important;
  text-align: left !important;
  text-shadow: none !important;
}

.hero-section p,
.page-header p,
.error-section p,
.hero p {
  max-width: 720px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

.content-section,
.content {
  padding: 42px 0 !important;
}

.content-section > .container,
.content > .container {
  max-width: 1120px;
}

.content-section h2,
.content h2 {
  text-align: left !important;
  font-size: clamp(1.55rem, 2.5vw, 2rem) !important;
  border-left: 4px solid #3b82f6;
  padding-left: 14px;
  margin-top: 2.2rem !important;
  margin-bottom: 1.2rem !important;
}

.content-section h3,
.content h3 {
  color: #93c5fd !important;
}

.content-section p,
.content p,
.article p {
  text-align: left !important;
}

.feature-cards,
.benefit-cards,
.tool-cards,
.privacy-cards,
.highlight-cards,
.strategy-cards,
.card-list {
  gap: 18px !important;
  margin: 28px 0 !important;
}

.feature-card,
.benefit-card,
.tool-card,
.privacy-card,
.highlight-card,
.strategy-card,
.info-card,
.rule-card,
.tip-card,
.dragon-card,
.treasure-card,
.fish-card,
.testimonial-card,
.news-card,
.empty-news,
.stats-section,
.mission-section,
.tips-section,
.rules-section,
.features-section,
.strategy-section,
.weapons-section,
.symbols-section,
.bonus-section,
.comparison-section,
.security-section,
.signs-section,
.faq-section {
  border-radius: 8px !important;
  background: #1f2937 !important;
  border: 1px solid #374151 !important;
  box-shadow: none !important;
}

.feature-card,
.benefit-card,
.tool-card,
.privacy-card,
.highlight-card,
.strategy-card,
.info-card,
.rule-card,
.tip-card,
.dragon-card,
.treasure-card,
.fish-card,
.testimonial-card {
  padding: 22px !important;
}

.feature-card:hover,
.benefit-card:hover,
.tool-card:hover,
.privacy-card:hover,
.highlight-card:hover,
.strategy-card:hover,
.info-card:hover,
.rule-card:hover,
.tip-card:hover,
.dragon-card:hover,
.treasure-card:hover,
.fish-card:hover,
.testimonial-card:hover,
.news-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: none !important;
  border-color: #3b82f6 !important;
}

.feature-card i,
.benefit-card i,
.tool-card i,
.privacy-card i,
.highlight-card i,
.info-card i,
.dragon-card i,
.treasure-card i,
.fish-card i {
  font-size: 2rem !important;
  color: #60a5fa !important;
}

.cta-section {
  text-align: left !important;
  border-radius: 0 !important;
  background: #0f172a !important;
  border-top: 1px solid #374151 !important;
  border-bottom: 1px solid #374151 !important;
  padding: 34px 0 !important;
  margin: 0 !important;
}

.cta-section h2,
.cta-section h3,
.cta-section p {
  text-align: left !important;
}

.btn-primary-custom,
.btn-main {
  border-radius: 6px !important;
  box-shadow: none !important;
}

.img-container img,
.article img,
.news-card img {
  border-radius: 8px !important;
  border: 1px solid #374151;
}

footer {
  margin-top: 0 !important;
}

@media (min-width: 992px) {
  .content-section > .container > p,
  .content-section > .container > ul,
  .content-section > .container > ol {
    max-width: 860px;
  }
}