:root{
  --mx-orange:#f39a00;
  --mx-orange-dark:#d98600;
  --mx-blue:#082c44;
  --mx-bg:#f5f6f8;
  --mx-card:#fff;
  --mx-border:#e2e5e9;
  --mx-text:#17191c;
  --mx-muted:#60656d;
}

*{box-sizing:border-box}
body{margin:0;background:var(--mx-bg);color:var(--mx-text);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.promo-page{max-width:1120px;margin:0 auto;padding:36px 16px 64px}
.promo-intro{max-width:820px;margin:0 auto 28px;text-align:center}
.promo-intro h1{margin:0 0 10px;font-size:42px;line-height:1.15;color:var(--mx-blue)}
.promo-intro p{margin:0;font-size:19px;line-height:1.55;color:var(--mx-muted)}
.promo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.promo-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--mx-border);border-radius:16px;box-shadow:0 5px 18px rgba(0,0,0,.07);padding:26px}
.promo-card h2{margin:0 0 10px;font-size:27px;color:var(--mx-blue)}
.promo-card .lead{margin:0 0 20px;font-size:18px;line-height:1.55;color:#40444a}
.feature-list{margin:0 0 26px;padding:0;list-style:none}
.feature-list li{position:relative;margin:9px 0;padding-left:25px;font-size:17px}
.feature-list li::before{content:"✓";position:absolute;left:0;color:var(--mx-orange-dark);font-weight:800}
.card-actions{margin-top:auto}
.promo-button,#request-code-btn,#verify-code-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;border:0;border-radius:9px;background:var(--mx-orange);color:#fff;font-size:17px;font-weight:700;text-decoration:none;cursor:pointer}
.promo-button:hover,#request-code-btn:hover,#verify-code-btn:hover{background:var(--mx-orange-dark)}
.promo-button:disabled,#request-code-btn:disabled,#verify-code-btn:disabled{opacity:.55;cursor:not-allowed}
.form-row{margin-bottom:16px}
.form-row label,.code-label{display:block;margin-bottom:6px;font-size:16px;font-weight:700}
.form-row input,#email,.code-input{width:100%;min-height:48px;padding:10px 12px;border:1px solid #bfc5cc;border-radius:9px;background:#fff;font-size:17px}
.help-text,#code-message,#promo-message{margin-top:9px;font-size:14px;line-height:1.5;color:var(--mx-muted)}
.verified-box{margin-bottom:18px;padding:13px 15px;border:1px solid #b8ddc1;border-radius:10px;background:#edf8f0}
#code-section{display:none;margin-top:16px}
.release-card{display:flex;gap:16px;margin-top:18px;padding:14px;border:1px solid var(--mx-border);border-radius:12px;background:#fafafa}
.release-card img{width:110px;height:110px;object-fit:contain;background:#fff;border-radius:8px}
.release-card__text{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.release-card__text strong{font-size:20px}
.release-card__text a{color:#075da8;text-decoration:none}
.promo-note{max-width:900px;margin:26px auto 0;padding:16px 18px;border:1px solid #f1d39c;border-radius:12px;background:#fff8e8;font-size:16px;line-height:1.55}
@media(max-width:820px){.promo-grid{grid-template-columns:1fr}.promo-intro h1{font-size:34px}}
@media(max-width:520px){.promo-page{padding:25px 12px 44px}.promo-intro{text-align:left}.promo-intro h1{font-size:30px}.promo-button,#request-code-btn,#verify-code-btn{width:100%}.release-card{flex-direction:column}}