:root{
  --mn-bg:#0b1220;
  --mn-surface:#0f1a2b;
  --mn-border:rgba(255,255,255,.10);
  --mn-text:#eef3fb;
  --mn-muted:rgba(238,243,251,.82);
  --mn-muted-2:rgba(238,243,251,.68);
  --mn-accent:#d34b4b;
  --mn-accent-2:#1fb6a6;
  --bs-heading-color: #fff;
}

html{font-size:18px}
body{
  background:linear-gradient(180deg,var(--mn-bg),#08101e 60%, #070d18);
  color:var(--mn-text);
  font-family:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.fw-semibold {
  color: #fff;
}
a{color:inherit}
.text-muted{color:var(--mn-muted)!important}
.text-strong-muted{color:var(--mn-muted)!important}

.agebar{
  background:rgba(211,75,75,.14);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.badge-soft{
  background:rgba(31,182,166,.16);
  border:1px solid rgba(31,182,166,.30);
  color:var(--mn-text);
  border-radius:999px;
  padding:.35rem .6rem;
}

.site-header{
  background:rgba(11,18,32,.84);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.navbar{padding:.9rem 0}
.navbar-brand{color:var(--mn-text)!important}
.brand-logo{
  width:44px;height:44px;border-radius:14px;object-fit:cover;
  border:1px solid rgba(255,255,255,.10);
}
.brand-title{
  font-family:"Montserrat","Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:700;
  letter-spacing:-.02em;
}
.brand-sub{font-size:.85rem;color:var(--mn-muted-2)}
.nav-link{
  color:rgba(238,243,251,.86)!important;
  border-radius:12px;
  padding:.55rem .75rem!important;
}
.nav-link:hover{color:var(--mn-text)!important;background:rgba(255,255,255,.06)}
.nav-link.active{color:var(--mn-text)!important;background:rgba(31,182,166,.10);border:1px solid rgba(31,182,166,.18)}

.btn-accent{
  background:linear-gradient(90deg,var(--mn-accent),#b93f63);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  box-shadow:0 14px 30px rgba(211,75,75,.18);
}
.btn-accent:hover{filter:brightness(1.06);color:#fff}
.btn-outline-glow{
  background:rgba(255,255,255,.05);
  color:var(--mn-text);
  border:1px solid rgba(31,182,166,.26);
  box-shadow:0 10px 26px rgba(31,182,166,.12);
}
.btn-outline-glow:hover{background:rgba(255,255,255,.08);color:var(--mn-text)}

.hero{position:relative;padding:4.35rem 0 3.35rem;overflow:hidden}
.hero-bg{
  position:absolute;inset:-8% 0;
  background-size:cover;background-position:center;
  filter:saturate(.92) contrast(1.02);
  transform:translate3d(0,0,0);
  will-change:transform;
}
.hero::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(11,18,32,.90),rgba(11,18,32,.62),rgba(11,18,32,.90));
}
.hero::after{
  content:"";
  position:absolute;inset:-40% -30%;
  background:
    radial-gradient(circle at 20% 30%, rgba(211,75,75,.22), transparent 55%),
    radial-gradient(circle at 80% 35%, rgba(31,182,166,.18), transparent 60%),
    radial-gradient(circle at 55% 75%, rgba(99,102,241,.16), transparent 60%);
  pointer-events:none;
}
.hero-title{
  font-family:"Montserrat","Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  letter-spacing:-.03em;
}
.pill{
  display:inline-flex;align-items:center;gap:.4rem;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(31,182,166,.26);
  border-radius:999px;
  padding:.45rem .75rem;
  color:rgba(238,243,251,.92);
}
.hero-fade{
  position:absolute;left:0;right:0;bottom:-1px;height:90px;
}

.glass{
  background:rgb(255 255 255 / 94%);
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
}
.snapshot-row{display:flex;gap:.85rem;align-items:flex-start}
.snapshot-ico{
  width:42px;height:42px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(31,182,166,.12);
  border:1px solid rgba(31,182,166,.24);
}
.snapshot-title{font-weight:600}
.snapshot-text{color:var(--mn-muted);font-size:.95rem}

.mini-stat{
  background:rgb(255 255 255 / 94%);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:.75rem .9rem;
  min-width:160px;
  color: #000;
}
.mini-stat-kicker{font-size:.82rem;}
.mini-stat-value{font-weight:700}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.5rem}
.dot-a{background:rgba(31,182,166,.95)}
.dot-b{background:rgba(211,75,75,.95)}

.section{padding:4rem 0}
.section-alt{
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.00));
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.section-title{
  font-family:"Montserrat","Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:700;
  letter-spacing:-.02em;
}

.panel{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
}

.icon-chip{
  width:42px;height:42px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
}
.chip-a{border-color:rgba(31,182,166,.30);background:rgba(31,182,166,.12)}
.chip-b{border-color:rgba(99,102,241,.30);background:rgba(99,102,241,.12)}
.chip-c{border-color:rgba(211,75,75,.28);background:rgba(211,75,75,.12)}

.micro{
  background:rgba(11,18,32,.32);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:14px 14px;
}
.micro-title{font-weight:700}
.micro-text{font-size:.95rem}

.game-card{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  overflow:hidden;
}
.game-card .card-img-top{height:210px;object-fit:cover}
.game-card .card-body{padding:1.25rem}

.hr-soft{border-color:rgba(255,255,255,.12);opacity:1}

.step-badge{
  width:38px;height:38px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(211,75,75,.14);
  border:1px solid rgba(211,75,75,.28);
  font-family:"Montserrat","Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:700;
}

.tip{
  display:flex;gap:.85rem;align-items:flex-start;
  padding:1rem;border-radius:18px;
  background:rgba(11,18,32,.35);
  border:1px solid rgba(255,255,255,.10);
}
.tip-ico{
  width:42px;height:42px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(99,102,241,.14);
  border:1px solid rgba(99,102,241,.24);
}
.callout{
  padding:1rem 1.1rem;border-radius:18px;
  background:rgba(31,182,166,.09);
  border:1px solid rgba(31,182,166,.22);
}
.callout-ico{
  width:42px;height:42px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(31,182,166,.14);
  border:1px solid rgba(31,182,166,.26);
}

.accordion-mn .accordion-item{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  overflow:hidden;
}
.accordion-mn .accordion-item + .accordion-item{margin-top:.75rem}
.accordion-mn .accordion-button{
  background:transparent;
  color:var(--mn-text);
  font-weight:700;
}
.accordion-mn .accordion-button:focus{box-shadow:none}
.accordion-mn .accordion-button:not(.collapsed){
  background:rgba(31,182,166,.10);
  color:var(--mn-text);
}
.accordion-mn .accordion-body{background:transparent}

.input-soft{
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:var(--mn-text)!important;
}
.input-soft::placeholder{color:rgba(238,243,251,.58)}
.input-soft:focus{box-shadow:0 0 0 .25rem rgba(31,182,166,.20)!important}

.parallax-strip{
  position:relative;
  padding:3.2rem 0;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.parallax-bg{
  position:absolute;inset:-14% 0;
  background-size:cover;background-position:center;
  filter:saturate(.92) contrast(1.02);
  transform:translate3d(0,0,0);
  will-change:transform;
}
.parallax-strip::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(11,18,32,.90),rgba(11,18,32,.62),rgba(11,18,32,.90));
}
.strip-card{
  position:relative;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  padding:22px 22px;
}
.strip-title{
  font-family:"Montserrat","Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:700;
  font-size:1.35rem;
}
.micro-title {
  color: #fff;
}
.site-footer{
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(5,10,18,.55);
}
.footer-title{
  font-family:"Montserrat","Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:700;
}
.footer-link{
  color:rgba(238,243,251,.82);
  text-decoration:none;
}
.footer-link:hover{color:var(--mn-text);text-decoration:underline}
.logos img{height: 65px;
    width: auto;
    opacity: .95;
    border-radius: 5px;}
.logos img:hover{opacity:1}

.cookie-banner{
  position:fixed;left:0;right:0;bottom:0;
  padding:14px 0;
  z-index:1055;
}
.cookie-card{
  background:rgba(11,18,32,.92);
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  padding:16px 16px;
  box-shadow:0 18px 50px rgba(0,0,0,.45);
}
.cookie-ico{
  width:42px;height:42px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(211,75,75,.14);
  border:1px solid rgba(211,75,75,.24);
}
.hero .fw-semibold {
  color: #000;
}