#lbaTop,
#lbaBottom {
  position: relative;
  width: 100%;
  font-size: calc(5px + 0.5vmax + 0.5vh);
  letter-spacing: 1vw;
}

#lbaTop {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
}

/* G-Switch 3 Dedicated SEO & Visual Showcase Styles */
.seo-header-area {
  margin-top: 24px;
  margin-bottom: 24px;
}

.game-main-title {
  font-size: 2rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.3;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}

.game-meta-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px;
}

.badge-item {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 6px 14px;
  font-size: 0.85rem;
  color: #e2e8f0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.gswitch-image-showcase {
  background: #15181f;
  border: 1px solid rgba(111, 78, 242, 0.28);
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
  margin-bottom: 28px;
}

.section-title {
  font-size: 1.4rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.section-subtitle {
  color: #94a3b8;
  font-size: 0.92rem;
  margin-bottom: 0;
}

.gswitch-img-card {
  background: #0d0f14;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  overflow: hidden;
  padding: 10px;
  margin-bottom: 0;
  height: 100%;
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.gswitch-img-card:hover {
  transform: translateY(-4px);
  border-color: #6f4ef2;
  box-shadow: 0 10px 25px rgba(111, 78, 242, 0.25);
}

.gswitch-img-card .img-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 16 / 9;
  background: #080a0e;
}

.gswitch-img-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
  display: block;
}

.gswitch-img-card:hover img {
  transform: scale(1.04);
}

.img-overlay-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(13, 15, 20, 0.85);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 0.75rem;
  color: #ffffff;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.gswitch-img-card figcaption {
  font-size: 0.85rem;
  color: #94a3b8;
  line-height: 1.5;
  padding: 8px 4px 2px 4px;
}

.gswitch-card {
  background: #15181f !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.gswitch-card h2 {
  font-size: 1.35rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.gswitch-card p {
  color: #94a3b8;
  font-size: 0.94rem;
  line-height: 1.7;
  margin-bottom: 14px;
}

.gswitch-card p:last-child {
  margin-bottom: 0;
}

.feature-item,
.mode-card,
.faq-item {
  background: #0d0f14;
  border: 1px solid rgba(255, 255, 255, 0.06);
  transition: all 0.25s ease;
}

.feature-item:hover,
.mode-card:hover,
.faq-item:hover {
  border-color: rgba(111, 78, 242, 0.45);
  background: #10131a;
}

.feature-item h4,
.mode-card h4 {
  font-size: 1.05rem;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.feature-item p,
.mode-card p {
  font-size: 0.88rem;
  color: #94a3b8;
  margin-bottom: 0;
}

.gswitch-table {
  margin-bottom: 0;
  background: #0d0f14;
  border-color: rgba(255, 255, 255, 0.1);
}

.gswitch-table th {
  background: rgba(111, 78, 242, 0.2);
  color: #ffffff;
  font-weight: 600;
  padding: 12px;
}

.gswitch-table td {
  padding: 12px;
  color: #cbd5e1;
  border-color: rgba(255, 255, 255, 0.06);
}

.tips-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.tips-list li {
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  color: #cbd5e1;
  font-size: 0.93rem;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.6;
}

.tips-list li:last-child {
  border-bottom: none;
}

.faq-question {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.faq-answer {
  color: #94a3b8;
  font-size: 0.9rem;
  line-height: 1.6;
  padding-left: 24px;
}

/* Category Hero & Navigation System */
.category-hero {
  background: linear-gradient(135deg, rgba(111, 78, 242, 0.25) 0%, rgba(247, 49, 100, 0.18) 50%, rgba(13, 15, 20, 0.95) 100%);
  border: 1px solid rgba(111, 78, 242, 0.35);
  border-radius: 18px;
  padding: 32px 36px;
  margin-bottom: 25px;
  backdrop-filter: blur(12px);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45);
  position: relative;
  overflow: hidden;
}

.category-hero::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(111, 78, 242, 0.3) 0%, transparent 70%);
  pointer-events: none;
}

.category-badge-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 30px;
  font-size: 0.82rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  background: rgba(111, 78, 242, 0.25);
  border: 1px solid rgba(111, 78, 242, 0.5);
  color: #e2e8f0;
  margin-bottom: 12px;
}

.category-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 10px;
  letter-spacing: -0.5px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.category-desc {
  color: #cbd5e1;
  font-size: 0.98rem;
  max-width: 860px;
  line-height: 1.65;
  margin-bottom: 18px;
}

.category-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.category-stat-item {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 0.84rem;
  color: #cbd5e1;
  display: flex;
  align-items: center;
  gap: 6px;
}

.category-nav-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 25px;
  padding: 12px 16px;
  background: #11141c;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
}

.category-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border-radius: 10px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #94a3b8;
  background: transparent;
  border: 1px solid transparent;
  text-decoration: none;
  transition: all 0.25s ease;
}

.category-nav-link:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.15);
}

.category-nav-link.active {
  color: #ffffff;
  background: linear-gradient(135deg, #6f4ef2 0%, #5848BB 100%);
  border-color: #6f4ef2;
  box-shadow: 0 4px 15px rgba(111, 78, 242, 0.45);
}

.game-rating-tag {
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(4px);
  color: #f59e0b;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 6px;
  border: 1px solid rgba(245, 158, 11, 0.3);
  z-index: 2;
  pointer-events: none;
}

.category-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 0.88rem;
  color: #94a3b8;
}

.category-breadcrumb a {
  color: #94a3b8;
  text-decoration: none;
  transition: color 0.2s ease;
}

.category-breadcrumb a:hover {
  color: #6f4ef2;
}

.category-breadcrumb .current {
  color: #e2e8f0;
  font-weight: 600;
}

/* ==========================================================================
   Universal Vector Icons for Puzzle, Shooting, and Action (Cross-browser SVG)
   ========================================================================== */
.ri-puzzle-fill,
.ri-puzzle-line,
.ri-crosshair-2-fill,
.ri-crosshair-fill,
.ri-crosshair-line,
.ri-sword-fill,
.ri-sword-line {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.ri-puzzle-fill:before,
.ri-puzzle-line:before,
.ri-puzzle-2-fill:before,
.bi-puzzle-fill:before {
  content: "" !important;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.12em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 4.5c.28 0 .5-.22.5-.5V2.5a2 2 0 0 1 4 0V4c0 .28.22.5.5.5H19a2 2 0 0 1 2 2v3.5c0 .28-.22.5-.5.5h-1.5a2 2 0 0 0 0 4h1.5c.28 0 .5.22.5.5V19a2 2 0 0 1-2 2h-3.5c-.28 0-.5.22-.5.5v1.5a2 2 0 0 1-4 0V21c0-.28-.22-.5-.5-.5H5a2 2 0 0 1-2-2v-3.5c0-.28.22-.5.5-.5h1.5a2 2 0 0 0 0-4H3.5c-.28 0-.5-.22-.5-.5V6a2 2 0 0 1 2-2h5.5z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 4.5c.28 0 .5-.22.5-.5V2.5a2 2 0 0 1 4 0V4c0 .28.22.5.5.5H19a2 2 0 0 1 2 2v3.5c0 .28-.22.5-.5.5h-1.5a2 2 0 0 0 0 4h1.5c.28 0 .5.22.5.5V19a2 2 0 0 1-2 2h-3.5c-.28 0-.5.22-.5.5v1.5a2 2 0 0 1-4 0V21c0-.28-.22-.5-.5-.5H5a2 2 0 0 1-2-2v-3.5c0-.28.22-.5.5-.5h1.5a2 2 0 0 0 0-4H3.5c-.28 0-.5-.22-.5-.5V6a2 2 0 0 1 2-2h5.5z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.ri-crosshair-2-fill:before,
.ri-crosshair-fill:before,
.ri-crosshair-line:before,
.ri-focus-2-fill:before,
.bi-crosshair:before,
.bi-bullseye:before {
  content: "" !important;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.12em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 2h2v3.06A8.005 8.005 0 0 1 18.94 11H22v2h-3.06A8.005 8.005 0 0 1 13 18.94V22h-2v-3.06A8.005 8.005 0 0 1 5.06 13H2v-2h3.06A8.005 8.005 0 0 1 11 5.06V2zm1 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0 3a2 2 0 1 1 0 4 2 2 0 0 1 0-4z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 2h2v3.06A8.005 8.005 0 0 1 18.94 11H22v2h-3.06A8.005 8.005 0 0 1 13 18.94V22h-2v-3.06A8.005 8.005 0 0 1 5.06 13H2v-2h3.06A8.005 8.005 0 0 1 11 5.06V2zm1 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0 3a2 2 0 1 1 0 4 2 2 0 0 1 0-4z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.ri-sword-fill:before,
.ri-sword-line:before {
  content: "" !important;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.12em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.414 2 22 6.586l-2.828 2.828-1.415-1.414-2.828 2.828 1.414 1.414-1.414 1.415-1.414-1.415-7.779 7.779.707.707-1.414 1.415-1.415-1.415-1.414 1.415-1.414-1.414 1.414-1.415-1.414-1.414 1.414-1.414.707.707 7.779-7.778-1.415-1.415 1.415-1.414 1.414 1.414 2.828-2.828-1.414-1.414L17.414 2Z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.414 2 22 6.586l-2.828 2.828-1.415-1.414-2.828 2.828 1.414 1.414-1.414 1.415-1.414-1.415-7.779 7.779.707.707-1.414 1.415-1.415-1.415-1.414 1.415-1.414-1.414 1.414-1.415-1.414-1.414 1.414-1.414.707.707 7.779-7.778-1.415-1.415 1.415-1.414 1.414 1.414 2.828-2.828-1.414-1.414L17.414 2Z'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* ==========================================================================
   Comprehensive Light Theme Support for SEO & Category Elements
   ========================================================================== */
body:not(.dark-theme) .game-main-title,
body.light-theme .game-main-title {
  color: #0f172a !important;
}

body:not(.dark-theme) .badge-item,
body.light-theme .badge-item {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #334155 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

body:not(.dark-theme) .gswitch-image-showcase,
body.light-theme .gswitch-image-showcase {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05) !important;
}

body:not(.dark-theme) .section-title,
body.light-theme .section-title {
  color: #0f172a !important;
}

body:not(.dark-theme) .section-subtitle,
body.light-theme .section-subtitle {
  color: #475569 !important;
}

body:not(.dark-theme) .gswitch-img-card,
body.light-theme .gswitch-img-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

body:not(.dark-theme) .gswitch-img-card figcaption,
body.light-theme .gswitch-img-card figcaption {
  color: #475569 !important;
}

body:not(.dark-theme) .gswitch-img-card figcaption strong,
body.light-theme .gswitch-img-card figcaption strong {
  color: #0f172a !important;
}

body:not(.dark-theme) .gswitch-card,
body.light-theme .gswitch-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

body:not(.dark-theme) .gswitch-card h2,
body.light-theme .gswitch-card h2 {
  color: #0f172a !important;
}

body:not(.dark-theme) .gswitch-card p,
body.light-theme .gswitch-card p {
  color: #334155 !important;
}

body:not(.dark-theme) .feature-item,
body:not(.dark-theme) .mode-card,
body:not(.dark-theme) .faq-item,
body.light-theme .feature-item,
body.light-theme .mode-card,
body.light-theme .faq-item {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #1e293b !important;
}

body:not(.dark-theme) .feature-item h4,
body:not(.dark-theme) .mode-card h4,
body.light-theme .feature-item h4,
body.light-theme .mode-card h4 {
  color: #0f172a !important;
}

body:not(.dark-theme) .feature-item p,
body:not(.dark-theme) .mode-card p,
body.light-theme .feature-item p,
body.light-theme .mode-card p {
  color: #475569 !important;
}

body:not(.dark-theme) .gswitch-table,
body.light-theme .gswitch-table {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #334155 !important;
}

body:not(.dark-theme) .gswitch-table th,
body.light-theme .gswitch-table th {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border-color: #e2e8f0 !important;
}

body:not(.dark-theme) .gswitch-table td,
body.light-theme .gswitch-table td {
  color: #334155 !important;
  border-color: #f1f5f9 !important;
}

body:not(.dark-theme) .tips-list li,
body.light-theme .tips-list li {
  color: #334155 !important;
  border-color: #e2e8f0 !important;
}

body:not(.dark-theme) .faq-question,
body.light-theme .faq-question {
  color: #0f172a !important;
}

body:not(.dark-theme) .faq-answer,
body.light-theme .faq-answer {
  color: #334155 !important;
}

body:not(.dark-theme) .category-hero,
body.light-theme .category-hero {
  background: linear-gradient(135deg, #ede9fe 0%, #fce7f3 50%, #ffffff 100%) !important;
  border: 1px solid #c4b5fd !important;
  box-shadow: 0 8px 30px rgba(111, 78, 242, 0.1) !important;
}

body:not(.dark-theme) .category-title,
body.light-theme .category-title {
  color: #0f172a !important;
}

body:not(.dark-theme) .category-desc,
body.light-theme .category-desc {
  color: #334155 !important;
}

body:not(.dark-theme) .category-badge-pill,
body.light-theme .category-badge-pill {
  background: rgba(111, 78, 242, 0.12) !important;
  border-color: rgba(111, 78, 242, 0.35) !important;
  color: #5848bb !important;
}

body:not(.dark-theme) .category-stat-item,
body.light-theme .category-stat-item {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #334155 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

body:not(.dark-theme) .category-nav-bar,
body.light-theme .category-nav-bar {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
}

body:not(.dark-theme) .category-nav-link,
body.light-theme .category-nav-link {
  color: #475569 !important;
}

body:not(.dark-theme) .category-nav-link:hover,
body.light-theme .category-nav-link:hover {
  color: #6f4ef2 !important;
  background: #f1f5f9 !important;
  border-color: #e2e8f0 !important;
}

body:not(.dark-theme) .category-nav-link.active,
body.light-theme .category-nav-link.active {
  color: #ffffff !important;
  background: linear-gradient(135deg, #6f4ef2 0%, #5848bb 100%) !important;
  border-color: #6f4ef2 !important;
  box-shadow: 0 4px 15px rgba(111, 78, 242, 0.3) !important;
}

body:not(.dark-theme) .category-breadcrumb,
body.light-theme .category-breadcrumb {
  color: #64748b !important;
}

body:not(.dark-theme) .category-breadcrumb a,
body.light-theme .category-breadcrumb a {
  color: #64748b !important;
}

body:not(.dark-theme) .category-breadcrumb a:hover,
body.light-theme .category-breadcrumb a:hover {
  color: #6f4ef2 !important;
}

body:not(.dark-theme) .category-breadcrumb .current,
body.light-theme .category-breadcrumb .current {
  color: #0f172a !important;
}

body:not(.dark-theme) .game-rating-tag,
body.light-theme .game-rating-tag {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #d97706 !important;
  border: 1px solid rgba(217, 119, 6, 0.35) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

/* =========================================================
   EEAT (Experience, Expertise, Authoritativeness, Trust)
   Dedicated Design Styles
========================================================= */
.eeat-hero {
  background: linear-gradient(135deg, rgba(21, 24, 31, 0.95) 0%, rgba(30, 36, 50, 0.95) 100%);
  border: 1px solid rgba(111, 78, 242, 0.35);
  border-radius: 16px;
  padding: 36px 30px;
  margin-bottom: 28px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.eeat-hero::before {
  content: "";
  position: absolute;
  top: -50px;
  right: -50px;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(111, 78, 242, 0.25) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.eeat-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: rgba(111, 78, 242, 0.15);
  border: 1px solid rgba(111, 78, 242, 0.4);
  border-radius: 30px;
  color: #c4b5fd;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 16px;
}

.eeat-hero-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.25;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}

.eeat-hero-subtitle {
  color: #94a3b8;
  font-size: 1.05rem;
  line-height: 1.6;
  max-width: 800px;
  margin-bottom: 18px;
}

.eeat-meta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  color: #64748b;
  font-size: 0.85rem;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.eeat-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #cbd5e1;
}

/* EEAT Navigation Pill Bar */
.eeat-nav-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
  background: rgba(15, 18, 25, 0.8);
  padding: 8px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.eeat-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border-radius: 8px;
  color: #94a3b8;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  transition: all 0.2s ease;
}

.eeat-nav-link:hover {
  color: #ffffff;
  background: rgba(111, 78, 242, 0.15);
}

.eeat-nav-link.active {
  color: #ffffff;
  background: linear-gradient(135deg, #6f4ef2 0%, #8b5cf6 100%);
  box-shadow: 0 4px 12px rgba(111, 78, 242, 0.35);
}

/* EEAT Cards & Trust Blocks */
.eeat-card {
  background: #15181f;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 28px;
  margin-bottom: 24px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

.eeat-card-title {
  color: #ffffff;
  font-size: 1.35rem;
  font-weight: 700;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.trust-pillar-card {
  background: rgba(30, 36, 50, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 12px;
  padding: 20px;
  height: 100%;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.trust-pillar-card:hover {
  transform: translateY(-3px);
  border-color: rgba(111, 78, 242, 0.4);
}

.trust-pillar-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  margin-bottom: 14px;
}

.trust-pillar-icon.purple { background: rgba(111, 78, 242, 0.2); color: #c4b5fd; }
.trust-pillar-icon.green  { background: rgba(34, 197, 94, 0.2);  color: #86efac; }
.trust-pillar-icon.amber  { background: rgba(245, 158, 11, 0.2); color: #fde68a; }
.trust-pillar-icon.blue   { background: rgba(59, 130, 246, 0.2); color: #93c5fd; }

/* Contact Form */
.eeat-form-group {
  margin-bottom: 18px;
}

.eeat-form-label {
  display: block;
  font-size: 0.9rem;
  font-weight: 600;
  color: #e2e8f0;
  margin-bottom: 6px;
}

.eeat-input,
.eeat-select,
.eeat-textarea {
  width: 100%;
  padding: 12px 16px;
  background: #0f1219;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  color: #ffffff;
  font-size: 0.95rem;
  transition: all 0.2s ease;
}

.eeat-input:focus,
.eeat-select:focus,
.eeat-textarea:focus {
  outline: none;
  border-color: #6f4ef2;
  box-shadow: 0 0 0 3px rgba(111, 78, 242, 0.25);
  background: #131722;
}

/* Site Footer */
.main-site-footer {
  margin-top: 48px;
  padding-top: 36px;
  padding-bottom: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: #0f1219;
  border-radius: 16px 16px 0 0;
}

.footer-brand {
  margin-bottom: 18px;
}

.footer-logo {
  max-width: 140px;
  margin-bottom: 12px;
}

.footer-desc {
  color: #94a3b8;
  font-size: 0.88rem;
  line-height: 1.6;
}

.footer-heading {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.footer-links-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links-list li {
  margin-bottom: 8px;
}

.footer-links-list a {
  color: #94a3b8;
  text-decoration: none;
  font-size: 0.9rem;
  transition: color 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.footer-links-list a:hover {
  color: #c4b5fd;
  transform: translateX(3px);
}

.footer-bottom-bar {
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 0.85rem;
  color: #64748b;
}

.footer-badge-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.25);
  border-radius: 20px;
  color: #86efac;
  font-size: 0.8rem;
}