:root {
  --color-bg: #180028;
  --color-header: #381048;
  --color-surface: #2A0838;
  --color-surface-2: #4B1760;
  --color-card: #3A1048;
  --color-primary: #18F486;
  --color-primary-hover: #0EBB62;
  --color-secondary: #B038F8;
  --color-secondary-dark: #7828D0;
  --color-warning: #FCE800;
  --color-orange: #FF9800;
  --color-cyan: #12D8FF;
  --color-border: #8C24B0;
  --color-text: #FCFCFC;
  --color-text-muted: #C9A6D8;
  --color-btn-text: #180028;
  --bs-body-bg: var(--color-bg);
  --bs-body-color: var(--color-text);
  --bs-primary: var(--color-primary);
  --bs-secondary: var(--color-secondary);
  --bs-warning: var(--color-warning);
  --bs-border-color: var(--color-border);
}
html, body { overflow-x: hidden; scroll-behavior: smooth; }
body {
  font-family: 'Nunito Sans', system-ui, sans-serif;
  background:
    radial-gradient(circle at 18% 4%, rgba(176,56,248,.22), transparent 28rem),
    radial-gradient(circle at 80% 16%, rgba(18,216,255,.10), transparent 22rem),
    linear-gradient(180deg, #180028 0%, #12001e 100%);
  color: var(--color-text);
  min-height: 100vh;
}
main { position: relative; }
a { color: var(--color-primary); }
a:hover { color: #8dffc8; }
h1, h2, h3, h4, .btn, .nav-link, .section-eyebrow { font-family: 'Montserrat', system-ui, sans-serif; }
h1 { font-size: clamp(2.15rem, 5vw, 4.9rem); line-height: .98; font-weight: 900; letter-spacing: -.05em; margin: 1rem 0; text-shadow: 0 0 24px rgba(176,56,248,.45); }
h2 { font-size: clamp(1.75rem, 3.4vw, 3rem); font-weight: 900; letter-spacing: -.035em; margin-bottom: 1rem; }
h3 { font-size: clamp(1.3rem, 2vw, 2rem); font-weight: 850; letter-spacing: -.025em; margin: 2.1rem 0 1rem; }
p { color: var(--color-text); font-size: 1.05rem; line-height: 1.78; }
.lead { color: #fff; font-size: clamp(1.08rem, 2vw, 1.28rem); max-width: 980px; }
.microcopy, small, .text-card span, .feature-card span, .term-card span, .support-card span { color: var(--color-text-muted); }
.hero-section { padding: 2.6rem 0 1.6rem; }
.hero-shell, .content-section, .toc-section .accordion-item, .trust-card, .card-glow, .final-cta, .promo-panel {
  background: linear-gradient(180deg, rgba(75,23,96,.9), rgba(42,8,56,.88));
  border: 1px solid rgba(176,56,248,.55);
  box-shadow: 0 0 0 1px rgba(255,255,255,.03) inset, 0 24px 60px rgba(0,0,0,.36), 0 0 26px rgba(176,56,248,.20);
  border-radius: 24px;
}
.hero-shell { padding: clamp(1rem, 3vw, 2rem); overflow: hidden; }
.hero-copy { padding: clamp(1rem, 2vw, 2rem); }
.hero-badge { display: inline-flex; align-items: center; gap: .35rem; padding: .45rem .75rem; border-radius: 999px; border: 1px solid rgba(24,244,134,.42); background: rgba(24,244,134,.12); color: #d9ffe9; font-weight: 800; margin: .25rem .4rem .25rem 0; }
.hero-badge-warning { border-color: rgba(252,232,0,.45); background: rgba(252,232,0,.1); color: #fff8a8; }
.hero-actions, .section-actions { display: flex; flex-wrap: wrap; gap: .8rem; align-items: center; margin: 1.2rem 0; }
.btn-neon { color: var(--color-btn-text) !important; background: linear-gradient(180deg, #75ffba, var(--color-primary)); border: 0; font-weight: 900; box-shadow: 0 0 14px rgba(24,244,134,.75), 0 0 34px rgba(24,244,134,.35); border-radius: 14px; padding: .78rem 1.25rem; }
.btn-neon:hover, .btn-neon:focus { background: linear-gradient(180deg, #8dffc8, var(--color-primary-hover)); transform: translateY(-1px); }
.btn-soft, .btn-outline-neon { border: 1px solid rgba(176,56,248,.7); color: #fff !important; background: rgba(75,23,96,.55); border-radius: 14px; font-weight: 800; padding: .78rem 1.15rem; }
.btn-outline-neon:hover, .btn-soft:hover { background: rgba(176,56,248,.35); border-color: var(--color-primary); box-shadow: 0 0 18px rgba(176,56,248,.35); }
.live-stats { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1.4rem 0 .8rem; }
.live-stats div { min-width: 150px; padding: .8rem 1rem; border-radius: 18px; background: rgba(24,0,40,.62); border: 1px solid rgba(140,36,176,.55); }
.live-stats strong { display: block; font: 900 1.3rem 'Montserrat', sans-serif; color: var(--color-warning); }
.dot { display: inline-block; width: .65rem; height: .65rem; background: var(--color-primary); border-radius: 50%; box-shadow: 0 0 12px var(--color-primary); margin-right: .3rem; }
.hero-image-wrap, .visual-block { margin-top: 1.4rem; }
.site-image, .hero-image, .carousel-image { width: 100%; height: auto; border-radius: 20px; border: 1px solid rgba(176,56,248,.5); box-shadow: 0 0 26px rgba(176,56,248,.28); background: #12001e; }
.hero-image { border-color: rgba(24,244,134,.45); box-shadow: 0 0 36px rgba(24,244,134,.25); }
.portrait-friendly { max-height: 760px; object-fit: contain; }
.compact-visual .site-image { max-height: 360px; object-fit: cover; }
.trust-strip, .category-strip { padding: 1rem 0; }
.trust-card { padding: 1rem; min-height: 132px; border-radius: 18px; }
.trust-card span { display: inline-flex; justify-content:center; align-items:center; min-width: 52px; height: 32px; border-radius: 12px; background: rgba(24,244,134,.16); color: var(--color-primary); font-weight: 900; margin-bottom: .65rem; }
.trust-card strong { display:block; font-weight:900; font-family:'Montserrat', sans-serif; }
.category-scroll { display: flex; gap: .75rem; overflow-x: auto; padding: .7rem .1rem; scrollbar-width: thin; }
.category-pill { flex: 0 0 auto; display:flex; align-items:center; gap:.5rem; color:#fff; text-decoration:none; padding:.75rem .95rem; border-radius:14px; background: linear-gradient(180deg, rgba(75,23,96,.95), rgba(58,16,72,.95)); border: 1px solid rgba(176,56,248,.55); font: 800 .85rem 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: .02em; box-shadow: 0 0 16px rgba(176,56,248,.18); }
.category-pill:hover { color:#fff; border-color:var(--color-primary); transform: translateY(-1px); }
.content-section { max-width: 1120px; margin: 1.35rem auto; padding: clamp(1.1rem, 3vw, 2rem); scroll-margin-top: 94px; }
.compact-section { margin-top: 1rem; }
.section-eyebrow { color: var(--color-primary); text-transform: uppercase; font-weight: 900; letter-spacing: .12em; font-size: .78rem; margin-bottom: .4rem; }
.anchored-h3 { scroll-margin-top: 100px; }
.toc-section { padding: 1rem 0; }
.toc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: .65rem; }
.toc-link { display:block; text-decoration:none; padding:.72rem .85rem; border-radius: 12px; background: rgba(24,0,40,.56); border: 1px solid rgba(140,36,176,.45); color: #fff; font-weight: 700; }
.toc-link:hover { border-color: var(--color-primary); color: var(--color-primary); }
.neon-accordion .accordion-item { color: var(--color-text); background: transparent; overflow: hidden; }
.neon-accordion .accordion-button { color: #fff; background: linear-gradient(180deg, rgba(75,23,96,.96), rgba(58,16,72,.95)); font-weight: 900; box-shadow: none; }
.neon-accordion .accordion-button:not(.collapsed) { color: #fff; background: linear-gradient(180deg, rgba(176,56,248,.40), rgba(75,23,96,.95)); }
.neon-accordion .accordion-button::after { filter: invert(1); }
.neon-accordion .accordion-body { background: rgba(24,0,40,.46); }
.neon-table-wrap { border-radius: 18px; border: 1px solid rgba(176,56,248,.45); overflow: hidden; margin: 1rem 0; background: rgba(24,0,40,.52); }
.neon-table { margin:0; color: var(--color-text); }
.neon-table thead th { color: var(--color-warning); background: rgba(75,23,96,.82); border-bottom: 1px solid rgba(176,56,248,.45); font-family: 'Montserrat', sans-serif; }
.neon-table tbody td { color: var(--color-text); border-top: 1px solid rgba(176,56,248,.22); background: rgba(42,8,56,.42); }
.neon-table tbody tr:hover td { background: rgba(75,23,96,.52); }
.feature-grid, .text-card-grid, .term-grid, .support-grid, .trust-mini-grid { margin: 1.2rem 0; }
.feature-card, .text-card, .term-card, .support-card, .mini-badge { display:block; height:100%; text-decoration:none; color:#fff; border-radius:18px; background: rgba(24,0,40,.48); border: 1px solid rgba(176,56,248,.45); padding: 1rem; transition: .2s ease; }
.feature-card:hover, .text-card:hover, .term-card:hover, .support-card:hover, .mini-badge:hover { transform: translateY(-2px); border-color: var(--color-primary); box-shadow: 0 0 22px rgba(24,244,134,.18); color:#fff; }
.feature-card strong, .text-card strong, .term-card strong, .support-card strong, .mini-badge strong { display:block; margin:.65rem 0 .35rem; font-family:'Montserrat', sans-serif; font-weight:900; }
.text-card i, .support-card i, .mini-badge i { color: var(--color-primary); font-size: 1.6rem; }
.neon-list, .step-list { margin: 1rem 0; padding-left: 1.2rem; color: var(--color-text); }
.neon-list li, .step-list li { margin: .55rem 0; padding-left: .25rem; line-height: 1.65; }
.step-list { counter-reset: step; list-style: none; padding-left: 0; }
.step-list li { position: relative; padding: .9rem .9rem .9rem 3.25rem; background: rgba(24,0,40,.48); border: 1px solid rgba(176,56,248,.35); border-radius: 16px; }
.step-list li::before { counter-increment: step; content: counter(step); position: absolute; left: .9rem; top: .85rem; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--color-primary); color: var(--color-btn-text); display:flex; align-items:center; justify-content:center; font-weight:900; font-family:'Montserrat', sans-serif; }
.neon-carousel { margin: 1rem 0; border-radius: 22px; overflow: hidden; background: rgba(24,0,40,.35); border: 1px solid rgba(176,56,248,.35); padding: .8rem; }
.carousel-control-prev, .carousel-control-next { width: 8%; }
.carousel-control-prev-icon, .carousel-control-next-icon { background-color: rgba(75,23,96,.8); border-radius: 999px; padding: 1.2rem; }
.promo-panel, .final-cta { display:flex; gap: 1rem; align-items:center; justify-content:space-between; flex-wrap:wrap; padding: 1rem; margin: 1.1rem 0; }
.promo-panel strong, .final-cta strong { display:block; font: 900 clamp(1.4rem, 2.5vw, 2rem) 'Montserrat', sans-serif; color: var(--color-warning); }
.faq-accordion .accordion-item { margin-bottom: .7rem; border-radius: 16px; }
.back-to-top { position: fixed; right: 1.2rem; bottom: 1.2rem; width: 3rem; height: 3rem; border-radius: 999px; border: 1px solid rgba(176,56,248,.65); background: rgba(75,23,96,.92); color:#fff; display: none; z-index: 1040; box-shadow: 0 0 22px rgba(176,56,248,.35); }
.back-to-top.show { display: inline-flex; align-items:center; justify-content:center; }
.cookie-banner { position: fixed; left: 50%; bottom: 1rem; transform: translateX(-50%); width: min(92vw, 720px); z-index: 1050; display:flex; gap:1rem; align-items:center; justify-content:space-between; padding: .85rem 1rem; border-radius: 18px; background: linear-gradient(180deg, rgba(75,23,96,.98), rgba(42,8,56,.98)); border: 1px solid rgba(176,56,248,.65); box-shadow: 0 0 30px rgba(176,56,248,.4); }
.cookie-banner div { display:flex; flex-direction:column; }
.cookie-banner span { color: var(--color-text-muted); }
.cookie-banner .btn-warning { background: var(--color-orange); color: var(--color-btn-text); border:0; font-weight:900; border-radius: 12px; }
.mobile-cta { position: fixed; left: 0; right: 0; bottom: 0; padding: .65rem .8rem; background: rgba(24,0,40,.92); z-index: 1042; border-top: 1px solid rgba(176,56,248,.55); }
@media (max-width: 991.98px) {
  body { padding-bottom: 78px; }
  .content-section { margin-left: .8rem; margin-right: .8rem; }
  .cookie-banner { bottom: 4.7rem; flex-direction: column; align-items: stretch; }
  .back-to-top { bottom: 5.4rem; }
  h1 { letter-spacing: -.04em; }
}
@media (prefers-reduced-motion: reduce) {
  html, body { scroll-behavior: auto; }
  * { transition: none !important; }
}


.eeat-hero { padding: 2rem 0 1rem; background: radial-gradient(circle at top right, rgba(176,56,248,.28), transparent 42%), radial-gradient(circle at left, rgba(24,244,134,.12), transparent 32%); }
.eeat-breadcrumb .breadcrumb { margin-bottom: 1rem; }
.eeat-breadcrumb a { color: var(--color-primary); text-decoration: none; }
.eeat-breadcrumb .breadcrumb-item.active { color: var(--color-text-muted); }
.eeat-shell { align-items: stretch; }
.eeat-hero-panel { min-width: min(100%, 320px); border: 1px solid rgba(176,56,248,.6); border-radius: 24px; background: linear-gradient(180deg, rgba(75,23,96,.88), rgba(42,8,56,.88)); padding: 1.3rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: .85rem; box-shadow: 0 0 26px rgba(176,56,248,.28); }
.eeat-hero-panel img { width: 92px; height: auto; border-radius: 20px; box-shadow: 0 0 22px rgba(24,244,134,.32); }
.eeat-hero-panel strong { font: 900 1.35rem 'Montserrat', sans-serif; color: var(--color-warning); }
.eeat-hero-panel span { color: var(--color-text-muted); }
.eeat-page-content h2 { margin-top: 1.6rem; }
.eeat-page-content h2:first-of-type { margin-top: 0; }
.eeat-card i { color: var(--color-primary); font-size: 1.8rem; margin-bottom: .65rem; }
.eeat-related { margin-top: 1.25rem; }
.neon-dropdown { background: rgba(42,8,56,.98); border: 1px solid rgba(176,56,248,.65); border-radius: 16px; padding: .45rem; box-shadow: 0 20px 42px rgba(0,0,0,.38), 0 0 24px rgba(176,56,248,.28); }
.neon-dropdown .dropdown-item { color: var(--color-text); border-radius: 12px; font-weight: 800; padding: .55rem .75rem; }
.neon-dropdown .dropdown-item:hover, .neon-dropdown .dropdown-item:focus { color: var(--color-btn-text); background: var(--color-primary); }
@media (max-width: 991.98px) { .eeat-hero-panel { width: 100%; } }