
:root{
  --mgv-bg:#111111;
  --mgv-panel:#191919;
  --mgv-gold:#d5a642;
  --mgv-gold2:#efc96e;
  --mgv-text:#f7f7f7;
  --mgv-muted:#b8b8b8;
}
.mgv-launch-card{
  background:var(--mgv-bg);color:var(--mgv-text);
  border-radius:22px;padding:30px;max-width:680px;
  box-sizing:border-box;border:1px solid rgba(213,166,66,.28);
  box-shadow:0 14px 34px rgba(0,0,0,.16);
  font-family:Arial,sans-serif;
}
.mgv-kicker{color:var(--mgv-gold);font-weight:700;font-size:14px;letter-spacing:.08em;margin-bottom:8px}
.mgv-launch-title{font-size:26px;font-weight:800;line-height:1.15;margin-bottom:9px}
.mgv-launch-copy{font-size:16px;color:#ddd;margin-bottom:20px}
.mgv-primary,.mgv-step button{
  appearance:none;border:0;background:linear-gradient(180deg,var(--mgv-gold2),var(--mgv-gold));
  color:#15100a;font-weight:800;border-radius:10px;padding:14px 20px;cursor:pointer;
  font-size:16px;transition:.15s transform,.15s filter;
}
.mgv-primary:hover,.mgv-step button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.mgv-modal{
  display:none;position:fixed;inset:0;z-index:2147483000;background:rgba(0,0,0,.78);
  align-items:center;justify-content:center;padding:18px;box-sizing:border-box;
  backdrop-filter:blur(4px);
}
.mgv-modal.is-open{display:flex}
.mgv-dialog{
  position:relative;width:min(560px,96vw);max-height:90vh;overflow:auto;
  background:var(--mgv-bg);color:var(--mgv-text);border-radius:24px;padding:30px;
  box-sizing:border-box;border:1px solid rgba(213,166,66,.35);
  box-shadow:0 30px 90px rgba(0,0,0,.5);font-family:Arial,sans-serif;
}
.mgv-close{
  position:absolute;right:16px;top:12px;background:transparent!important;color:#fff!important;
  border:0!important;font-size:30px!important;line-height:1!important;padding:4px!important;cursor:pointer
}
.mgv-brand{color:var(--mgv-gold);font-size:16px;font-weight:800;letter-spacing:.12em}
.mgv-progress{color:var(--mgv-gold);font-size:19px;letter-spacing:5px;margin:14px 0 22px}
.mgv-progress span{opacity:.38}.mgv-progress span.is-on{opacity:1}
.mgv-step{display:none}.mgv-step.is-active{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mgv-question{grid-column:1/-1;font-weight:800;font-size:22px;line-height:1.25;margin-bottom:5px}
.mgv-step button{text-align:left;min-height:52px}
.mgv-result{display:none}.mgv-result.is-active{display:block}
.mgv-result-title{font-size:26px;font-weight:850;color:var(--mgv-gold2);margin-bottom:6px}
.mgv-result-sub{color:#ddd;margin-bottom:16px}
.mgv-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.mgv-result-grid>div{background:var(--mgv-panel);border:1px solid rgba(213,166,66,.2);padding:13px;border-radius:12px}
.mgv-result-grid b{display:block;color:var(--mgv-gold2);font-size:21px}
.mgv-result-grid span{font-size:13px;color:#ddd}
.mgv-note{font-size:12px;color:var(--mgv-muted);margin:10px 0 18px;line-height:1.4}
.mgv-secondary,.mgv-back{
  border:0;background:transparent;color:#ddd;text-decoration:underline;cursor:pointer;padding:10px 6px;font-size:14px
}
.mgv-back{margin-top:14px}.mgv-result .mgv-secondary{margin-left:8px}
body.mgv-no-scroll{overflow:hidden!important}
@media(max-width:560px){
  .mgv-launch-card{padding:24px}
  .mgv-launch-title{font-size:23px}
  .mgv-dialog{padding:24px 18px}
  .mgv-step.is-active{grid-template-columns:1fr}
  .mgv-question{font-size:20px}
  .mgv-result-grid{grid-template-columns:1fr 1fr}
}

.mgv-privacy-note{
  margin-top:14px;
  font-size:12px;
  line-height:1.5;
  color:#a9a9a9;
  max-width:620px;
}


/* PRODUCTION v2.2 — усиленный продающий CTA */
.mgv-launch-card{
  position:relative;
  overflow:hidden;
}
.mgv-launch-card::before{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  right:-70px;
  top:-90px;
  background:radial-gradient(circle, rgba(239,201,110,.20) 0%, rgba(213,166,66,.07) 42%, transparent 70%);
  animation:mgv-card-glow 4.2s ease-in-out infinite;
  pointer-events:none;
}
.mgv-hero-button{
  position:relative;
  display:grid;
  grid-template-columns:34px 1fr;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:10px;
  width:100%;
  max-width:520px;
  min-height:72px;
  text-align:left;
  padding:13px 18px 13px 15px;
  box-shadow:
    0 0 0 1px rgba(255,229,160,.16) inset,
    0 10px 28px rgba(213,166,66,.23);
  isolation:isolate;
  overflow:hidden;
  animation:mgv-button-float 3.3s ease-in-out infinite;
}
.mgv-hero-button::after{
  content:"";
  position:absolute;
  inset:-70% auto -70% -45%;
  width:36%;
  transform:rotate(18deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.33), transparent);
  animation:mgv-shine 4.8s ease-in-out infinite;
  z-index:-1;
}
.mgv-flame{
  grid-row:1/3;
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#15100a;
  color:#f4c966;
  font-size:18px;
  box-shadow:
    0 0 0 1px rgba(255,218,126,.33),
    0 0 14px rgba(255,186,46,.55),
    0 0 28px rgba(255,132,0,.18);
  animation:mgv-flame-pulse 1.65s ease-in-out infinite;
}
.mgv-hero-main{
  display:block;
  font-size:17px;
  line-height:1.2;
  font-weight:900;
}
.mgv-hero-sub{
  display:block;
  margin-top:3px;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
  opacity:.73;
}
.mgv-privacy-note{
  max-width:640px;
  margin-top:14px;
  padding-left:2px;
  font-size:11.5px;
  line-height:1.5;
  color:#9d9d9d;
}
@keyframes mgv-card-glow{
  0%,100%{opacity:.55;transform:scale(.92)}
  50%{opacity:1;transform:scale(1.08)}
}
@keyframes mgv-button-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}
@keyframes mgv-flame-pulse{
  0%,100%{transform:scale(.92);filter:brightness(.96)}
  50%{transform:scale(1.08);filter:brightness(1.25)}
}
@keyframes mgv-shine{
  0%,62%{left:-55%;opacity:0}
  68%{opacity:.8}
  82%{left:125%;opacity:0}
  100%{left:125%;opacity:0}
}
@media (prefers-reduced-motion: reduce){
  .mgv-launch-card::before,
  .mgv-hero-button,
  .mgv-hero-button::after,
  .mgv-flame{
    animation:none!important;
  }
}
