@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Inter:wght@400;600&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg-base:#0b0d15;
  --bg-card:#161924;
  --accent:#e5343f;
  --highlight:#e8a642;
  --text:#ecedf1;
  --muted:#8f95a3;
  --border:#242836;
  --radius-sm:6px;
  --radius-md:12px;
  --radius-lg:20px;
  --transition:200ms ease;
  --ff-head:'Playfair Display',Georgia,serif;
  --ff-body:'Inter','Helvetica Neue',Arial,sans-serif;
}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--bg-base);
  color:var(--text);
  font-family:var(--ff-body);
  font-size:16px;
  line-height:1.65;
  padding-bottom:72px;
  min-height:100vh;
  overflow-x:hidden;
}
body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-track{background:var(--bg-base)}
body::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}
body::-webkit-scrollbar-thumb:hover{background:var(--accent)}

h1,h2,h3,h4{font-family:var(--ff-head);font-weight:900;letter-spacing:-0.01em;line-height:1.15;color:var(--text)}
h1{font-size:clamp(1.9rem,6vw,3.4rem);margin-bottom:1rem}
h2{font-size:clamp(1.5rem,4.5vw,2.3rem);margin:1.6rem 0 1rem;position:relative}
h3{font-size:clamp(1.15rem,3.5vw,1.45rem);margin:1.2rem 0 .6rem}
h4{font-size:1.05rem;margin:.8rem 0 .4rem;font-family:var(--ff-body);font-weight:600}
p{margin:.65rem 0;color:var(--text)}
strong{color:var(--highlight);font-weight:600}
a{color:var(--accent);text-decoration:none;transition:color var(--transition)}
a:hover{color:var(--highlight)}
ul,ol{margin:.6rem 0 1rem 1.2rem}
li{margin:.35rem 0}

.mc8_container{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}

/* ─── Buttons ─── */
.mc8_btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  min-height:48px;padding:.9rem 1.5rem;
  font-family:var(--ff-body);font-weight:600;font-size:.98rem;
  border:none;border-radius:var(--radius-md);cursor:pointer;
  text-decoration:none;transition:transform var(--transition),background var(--transition),box-shadow var(--transition);
  letter-spacing:.02em;text-align:center;
}
.mc8_btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 22px -8px rgba(229,52,63,.6)}
.mc8_btn-primary:hover{transform:translateY(-2px);background:#f04550;color:#fff}
.mc8_btn-highlight{background:var(--highlight);color:#1a1408}
.mc8_btn-highlight:hover{transform:translateY(-2px);color:#000}
.mc8_btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}
.mc8_btn-outline:hover{border-color:var(--accent);color:var(--accent)}
.mc8_btn-ghost{background:transparent;color:var(--muted)}
.mc8_btn-full{width:100%}
.mc8_btn-sm{min-height:38px;padding:.55rem 1rem;font-size:.88rem}
.mc8_btn-lg{min-height:56px;padding:1.05rem 1.8rem;font-size:1.05rem}

/* ─── Nav ─── */
.mc8_nav{
  position:sticky;top:0;z-index:40;background:rgba(11,13,21,.92);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--border);
}
.mc8_nav-inner{display:flex;align-items:center;justify-content:space-between;padding:.7rem 16px;max-width:1180px;margin:0 auto}
.mc8_logo{display:inline-flex;align-items:center;gap:.5rem}
.mc8_logo img{height:38px;width:auto;display:block}
.mc8_nav-links{display:none;gap:1.5rem;list-style:none;margin:0}
.mc8_nav-links a{color:var(--muted);font-weight:500;font-size:.95rem;transition:color var(--transition)}
.mc8_nav-links a:hover,.mc8_nav-links a.active{color:var(--text)}
.mc8_nav-cta{display:none}
.mc8_nav-toggle{
  width:44px;height:44px;background:transparent;border:1px solid var(--border);
  border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;
}
.mc8_nav-toggle span{width:20px;height:2px;background:var(--text);transition:var(--transition)}
.mc8_mobile-nav{
  position:fixed;top:62px;left:0;right:0;background:var(--bg-base);
  border-bottom:1px solid var(--border);padding:1rem;z-index:39;
  transform:translateY(-120%);transition:transform 300ms ease;
}
.mc8_mobile-nav.open{transform:translateY(0)}
.mc8_mobile-nav ul{list-style:none;margin:0}
.mc8_mobile-nav li{border-bottom:1px solid var(--border)}
.mc8_mobile-nav a{display:block;padding:.85rem .4rem;color:var(--text);font-weight:500}

/* ─── Ticker ─── */
.mc8_ticker{
  background:linear-gradient(90deg,var(--accent) 0%,#b52430 100%);
  color:#fff;font-size:.88rem;font-weight:600;
  padding:.55rem 0;overflow:hidden;white-space:nowrap;
}
.mc8_ticker-track{display:inline-block;animation:mc8_scroll 38s linear infinite;padding-left:100%}
.mc8_ticker-track span{margin-right:3rem}
@keyframes mc8_scroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}

/* ─── Hero (Layout B: centred) ─── */
.mc8_hero{
  position:relative;padding:2.5rem 0 2rem;text-align:center;
  background:radial-gradient(ellipse at top,rgba(229,52,63,.15) 0%,transparent 55%),var(--bg-base);
  border-bottom:1px solid var(--border);
  overflow:hidden;
}
.mc8_hero::before{
  content:"";position:absolute;inset:0;
  background-image:repeating-linear-gradient(45deg,transparent 0 18px,rgba(232,166,66,.03) 18px 19px);
  pointer-events:none;
}
.mc8_hero-tag{
  display:inline-block;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--highlight);margin-bottom:.8rem;border:1px solid var(--highlight);
  padding:.25rem .8rem;border-radius:100px;
}
.mc8_hero h1{max-width:900px;margin:0 auto 1rem}
.mc8_hero-sub{max-width:700px;margin:0 auto 1.6rem;color:var(--muted);font-size:1.05rem}
.mc8_bonus-bar{
  background:linear-gradient(135deg,var(--bg-card) 0%,#1e1525 100%);
  border:1px solid var(--highlight);border-radius:var(--radius-lg);
  padding:1.4rem 1.2rem;margin:0 auto 1.6rem;max-width:720px;
  box-shadow:0 12px 40px -12px rgba(232,166,66,.25);
  position:relative;
}
.mc8_bonus-bar .mc8_bonus-label{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem}
.mc8_bonus-bar .mc8_bonus-amount{font-family:var(--ff-head);font-size:clamp(1.8rem,5vw,2.6rem);font-weight:900;color:var(--highlight);line-height:1.1}
.mc8_bonus-bar .mc8_bonus-sub{color:var(--text);font-size:.95rem;margin:.5rem 0 1rem}
.mc8_hero-cta{display:flex;flex-direction:column;gap:.7rem;max-width:420px;margin:0 auto}
.mc8_hero-mini{display:flex;justify-content:center;gap:2rem;margin-top:1.4rem;flex-wrap:wrap}
.mc8_hero-mini span{font-size:.85rem;color:var(--muted);display:flex;align-items:center;gap:.4rem}
.mc8_hero-mini span::before{content:"●";color:var(--highlight);font-size:.6rem}

/* ─── Trust bar ─── */
.mc8_trust{background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1rem 0}
.mc8_trust-inner{display:grid;gap:.8rem;grid-template-columns:1fr;text-align:center}
.mc8_trust-item{font-size:.85rem;color:var(--muted)}
.mc8_trust-item strong{display:block;color:var(--text);font-size:1rem;margin-bottom:.15rem}

/* ─── Sections ─── */
section{padding:2rem 0;content-visibility:auto;contain-intrinsic-size:0 500px}
.mc8_section-first{padding-top:2.5rem;content-visibility:visible}
.mc8_section-head{text-align:center;margin-bottom:1.6rem}
.mc8_section-head p{color:var(--muted);max-width:640px;margin:.4rem auto 0}
.mc8_lead{font-size:1.08rem;color:var(--text);margin-bottom:1rem}

/* ─── Cards grid ─── */
.mc8_grid{display:grid;gap:1rem;grid-template-columns:1fr}
.mc8_card{
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-md);padding:1.2rem;
  transition:border var(--transition),transform var(--transition);
}
.mc8_card:hover{border-color:var(--accent);transform:translateY(-3px)}
.mc8_card h3{margin-top:0;color:var(--highlight)}
.mc8_card .mc8_card-icon{
  width:48px;height:48px;border-radius:var(--radius-sm);
  background:linear-gradient(135deg,var(--accent) 0%,#8a1e25 100%);
  color:#fff;font-weight:700;font-size:1.3rem;display:flex;align-items:center;justify-content:center;margin-bottom:.6rem;
}

/* ─── Tables ─── */
.mc8_table-wrap{overflow-x:auto;margin:1rem 0;border-radius:var(--radius-md);border:1px solid var(--border)}
.mc8_table{width:100%;border-collapse:collapse;min-width:520px;background:var(--bg-card)}
.mc8_table th,.mc8_table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--border);font-size:.92rem}
.mc8_table th{background:rgba(229,52,63,.08);color:var(--highlight);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}
.mc8_table tr:last-child td{border-bottom:none}
.mc8_table tr:hover td{background:rgba(229,52,63,.04)}

/* ─── Steps ─── */
.mc8_steps{counter-reset:mc8step;display:grid;gap:.9rem;grid-template-columns:1fr;margin:1rem 0}
.mc8_step{
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-md);padding:1rem 1rem 1rem 3.3rem;
  position:relative;counter-increment:mc8step;
}
.mc8_step::before{
  content:counter(mc8step);
  position:absolute;left:1rem;top:1rem;
  width:34px;height:34px;border-radius:50%;
  background:var(--accent);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--ff-head);font-weight:900;font-size:1rem;
}
.mc8_step h4{margin-top:0;color:var(--text)}

/* ─── Promo code box ─── */
.mc8_code{
  display:flex;flex-direction:column;gap:.6rem;
  background:linear-gradient(135deg,var(--bg-card) 0%,#221821 100%);
  border:1px dashed var(--highlight);
  border-radius:var(--radius-md);padding:1.2rem;margin:1rem 0;text-align:center;
}
.mc8_code-label{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.mc8_code-value{font-family:var(--ff-head);font-weight:900;font-size:1.8rem;color:var(--highlight);letter-spacing:.1em}
.mc8_code small{color:var(--muted)}

/* ─── Highlight callout ─── */
.mc8_callout{
  background:rgba(232,166,66,.08);border-left:3px solid var(--highlight);
  padding:1rem 1.2rem;margin:1.2rem 0;border-radius:0 var(--radius-md) var(--radius-md) 0;
}
.mc8_callout p{margin:.2rem 0}

/* ─── FAQ ─── */
.mc8_faq{max-width:820px;margin:0 auto}
.mc8_faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:.6rem;overflow:hidden}
.mc8_faq-item.open{border-color:var(--accent)}
.mc8_faq-btn{
  width:100%;min-height:48px;background:transparent;border:none;color:var(--text);
  padding:1rem 1.2rem;text-align:left;font-size:1rem;font-weight:600;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--ff-body);
}
.mc8_faq-btn::after{content:"+";color:var(--accent);font-size:1.4rem;transition:transform var(--transition);flex-shrink:0}
.mc8_faq-item.open .mc8_faq-btn::after{transform:rotate(45deg)}
.mc8_faq-a{max-height:0;overflow:hidden;transition:max-height 280ms ease,padding 280ms ease;padding:0 1.2rem}
.mc8_faq-item.open .mc8_faq-a{max-height:500px;padding:0 1.2rem 1rem}
.mc8_faq-a p{color:var(--muted);margin:.3rem 0}

/* ─── CTA band ─── */
.mc8_cta-band{
  background:linear-gradient(135deg,var(--accent) 0%,#8a1e25 100%);
  border-radius:var(--radius-lg);padding:2rem 1.2rem;text-align:center;margin:2rem 0;
  position:relative;overflow:hidden;
}
.mc8_cta-band::before{
  content:"";position:absolute;inset:0;
  background-image:repeating-linear-gradient(-45deg,transparent 0 24px,rgba(255,255,255,.05) 24px 25px);
  pointer-events:none;
}
.mc8_cta-band h3{color:#fff;font-size:1.6rem;margin-bottom:.5rem;position:relative}
.mc8_cta-band p{color:rgba(255,255,255,.85);margin-bottom:1rem;position:relative}
.mc8_cta-band .mc8_btn{position:relative}

/* ─── Author box ─── */
.mc8_author-box{
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-md);padding:1.2rem;margin:1.5rem 0;
  display:grid;gap:1rem;grid-template-columns:1fr;align-items:center;
}
.mc8_avatar{
  width:72px;height:72px;border-radius:50%;
  background:linear-gradient(135deg,var(--accent) 0%,var(--highlight) 100%);
  color:#fff;font-family:var(--ff-head);font-weight:900;font-size:1.8rem;
  display:flex;align-items:center;justify-content:center;justify-self:center;
}
.mc8_author-info strong{display:block;color:var(--text);font-size:1.1rem;margin-bottom:.2rem}
.mc8_author-info .mc8_author-role{color:var(--highlight);font-size:.88rem;margin-bottom:.4rem}
.mc8_author-info p{font-size:.92rem;color:var(--muted);margin:.3rem 0}

/* ─── Footer ─── */
.mc8_footer{
  background:#06080f;border-top:1px solid var(--border);padding:2rem 0 1.2rem;margin-top:2rem;
}
.mc8_footer-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:1.5rem}
.mc8_footer h4{color:var(--highlight);font-family:var(--ff-body);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin-bottom:.7rem}
.mc8_footer ul{list-style:none;margin:0}
.mc8_footer li{margin:.3rem 0}
.mc8_footer a{color:var(--muted);font-size:.9rem}
.mc8_footer a:hover{color:var(--text)}
.mc8_footer-bot{border-top:1px solid var(--border);padding-top:1rem;text-align:center;color:var(--muted);font-size:.82rem}
.mc8_age{display:inline-block;border:2px solid var(--accent);color:var(--accent);padding:.12rem .45rem;border-radius:50%;font-weight:700;margin-right:.4rem}

/* ─── Sticky mobile CTA ─── */
.mc8_sticky{
  position:fixed;bottom:0;left:0;right:0;z-index:50;
  background:var(--bg-card);border-top:1px solid var(--border);
  padding:.6rem 16px;display:flex;gap:.6rem;align-items:center;
  box-shadow:0 -6px 20px -6px rgba(0,0,0,.6);
}
.mc8_sticky-txt{font-size:.78rem;color:var(--muted);line-height:1.2;flex:1}
.mc8_sticky-txt strong{color:var(--highlight);font-size:.95rem;display:block}
.mc8_sticky .mc8_btn{flex-shrink:0}

/* ─── Breadcrumbs ─── */
.mc8_crumbs{font-size:.82rem;color:var(--muted);padding:.8rem 0}
.mc8_crumbs a{color:var(--muted)}
.mc8_crumbs a:hover{color:var(--accent)}
.mc8_crumbs span{margin:0 .4rem;color:var(--border)}

/* ─── Animations ─── */
@keyframes mc8_fade{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.mc8_animate{opacity:0;transform:translateY(18px);transition:opacity 500ms ease,transform 500ms ease}
.mc8_animate.visible{opacity:1;transform:translateY(0)}

/* ─── Responsive ─── */
@media (min-width:480px){
  .mc8_trust-inner{grid-template-columns:1fr 1fr}
  .mc8_hero-cta{flex-direction:row;justify-content:center}
  .mc8_hero-cta .mc8_btn{flex:1;max-width:220px}
}
@media (min-width:768px){
  body{padding-bottom:0}
  .mc8_sticky{display:none}
  .mc8_nav-toggle{display:none}
  .mc8_nav-links{display:flex}
  .mc8_nav-cta{display:inline-flex}
  .mc8_mobile-nav{display:none}
  .mc8_grid{grid-template-columns:1fr 1fr}
  .mc8_trust-inner{grid-template-columns:repeat(4,1fr)}
  .mc8_footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}
  .mc8_author-box{grid-template-columns:90px 1fr;text-align:left}
  .mc8_avatar{justify-self:start}
  .mc8_steps{grid-template-columns:1fr 1fr}
}
@media (min-width:1024px){
  .mc8_hero{padding:4rem 0 3rem}
  .mc8_grid{grid-template-columns:repeat(3,1fr)}
  .mc8_grid.mc8_grid-2{grid-template-columns:1fr 1fr}
  .mc8_grid.mc8_grid-4{grid-template-columns:repeat(4,1fr)}
}