:root{
  --navy:#061f43; --blue:#0b4d8f; --gold:#d8a94e; --cream:#fff7ed;
  --bg:#eef3fb; --text:#10223f; --muted:#64748b; --line:#dbe5f1; --green:#15803d; --red:#b91c1c;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:
radial-gradient(circle at 12% 10%,rgba(216,169,78,.23),transparent 28%),
linear-gradient(180deg,#eef3fb,#ffffff);color:var(--text)}
a{text-decoration:none}
.top{background:linear-gradient(135deg,#061f43,#0b4d8f);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 8px 25px rgba(6,31,67,.18)}
.topin{max-width:1180px;margin:auto;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;font-weight:950}
.logo{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#d8a94e,#f5cf78);display:flex;align-items:center;justify-content:center;color:#111;font-size:23px;font-weight:950}
.brand small{display:block;font-size:12px;opacity:.85}
.nav a{color:#fff;background:rgba(255,255,255,.13);padding:9px 12px;border-radius:11px;margin:3px;display:inline-block;font-weight:850}
.wrap{max-width:1180px;margin:auto;padding:24px 16px}
.hero{border-radius:32px;padding:40px;background:
radial-gradient(circle at 80% 18%,rgba(216,169,78,.36),transparent 28%),
linear-gradient(135deg,#071f43,#0b4d8f 65%,#10223f);color:#fff;box-shadow:0 18px 45px rgba(6,43,95,.2);position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-80px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08)}
.pill{display:inline-block;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:950}
.hero h1{font-size:44px;line-height:1.08;margin:14px 0 10px;max-width:820px}
.hero p{font-size:18px;line-height:1.65;color:#eaf3ff;max-width:880px}
.btn{display:inline-block;border:0;border-radius:13px;padding:12px 16px;font-weight:950;cursor:pointer;text-decoration:none;margin:4px}
.gold{background:linear-gradient(135deg,#d8a94e,#f5cf78);color:#111!important}.navy{background:#061f43;color:#fff!important}.light{background:#eef2ff;color:#061f43!important}.green{background:#15803d;color:#fff!important}.red{background:#b91c1c;color:#fff!important}
.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;margin-top:22px;align-items:start}
.card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:0 8px 24px rgba(9,43,84,.08);position:relative;overflow:hidden}
.card.topline:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#061f43,#0b4d8f,#d8a94e)}
.card h2{color:#061f43;margin:10px 0}
.muted{color:#64748b;line-height:1.58}
.inp, select, textarea{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:12px;margin:6px 0 13px;font-size:14px;background:#fff}
textarea{min-height:85px}
.badge{display:inline-block;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:950}
.promos{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.promo{border:1px solid #e5edf7;border-radius:20px;padding:15px;background:#fbfdff}
.promo h3{margin:10px 0 6px;color:#061f43}
.codebig{font-size:34px;letter-spacing:2px;background:#eef3fb;border:2px dashed #0b4d8f;color:#061f43;padding:14px 16px;border-radius:18px;font-weight:950;display:inline-block}
.ok{background:#ecfdf5;color:#166534;padding:12px;border-radius:12px;margin:12px 0}.err{background:#fee2e2;color:#991b1b;padding:12px;border-radius:12px;margin:12px 0}.note{background:#fff7ed;color:#9a3412;padding:12px;border-radius:12px;margin:12px 0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.step{background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px;box-shadow:0 8px 20px rgba(9,43,84,.06)}.step b{display:block;color:#061f43}
.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #e5edf7;padding:10px;text-align:left;vertical-align:top}
.status{display:inline-block;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950;background:#eef2ff;color:#061f43}
.status.used{background:#dcfce7;color:#166534}.status.expired{background:#fee2e2;color:#991b1b}.status.new{background:#dbeafe;color:#1d4ed8}.status.contacted{background:#fef3c7;color:#92400e}
.footer{text-align:center;color:#64748b;margin:28px 0;font-size:14px}
@media(max-width:920px){.grid,.promos,.steps{grid-template-columns:1fr}.hero h1{font-size:34px}}
@media(max-width:620px){.hero{padding:28px}.hero h1{font-size:30px}.codebig{font-size:25px}}