:root{--mhr-primary:#0B1F44;--mhr-accent:#D4A017;--mhr-cta:#F5C518;--mhr-success:#1F8A4C;--mhr-danger:#C0392B;--mhr-warning:#E67E22;--mhr-bg:#F4F6FB;--mhr-card:#fff;--mhr-text:#1A1A1A;--mhr-muted:#5B6475;--mhr-radius:14px;--mhr-shadow:0 8px 24px rgba(11,31,68,.08)}
.mhr-app{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--mhr-text);background:var(--mhr-bg);max-width:1120px;margin:0 auto;padding:16px 16px 96px;line-height:1.45}
.mhr-header{background:var(--mhr-primary);color:#fff;border-radius:var(--mhr-radius);padding:18px 20px;margin-bottom:16px}
.mhr-brand strong{display:block;font-size:20px;letter-spacing:.02em}
.mhr-brand span{opacity:.85;font-size:13px}
.mhr-steps{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 16px;overflow:auto}
.mhr-steps li{flex:1;min-width:88px;background:#fff;border-radius:999px;padding:8px 10px;font-size:12px;text-align:center;color:var(--mhr-muted);border:1px solid #e6eaf2}
.mhr-steps li.is-current{background:var(--mhr-primary);color:#fff;border-color:var(--mhr-primary)}
.mhr-steps li.is-done{background:#e8f6ee;color:var(--mhr-success);border-color:#cdead7}
.mhr-layout{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}
.mhr-main,.mhr-summary{background:var(--mhr-card);border-radius:var(--mhr-radius);box-shadow:var(--mhr-shadow);padding:16px}
.mhr-summary{position:sticky;top:16px}
.mhr-summary-toggle{display:none}
.mhr-summary h2{margin:0 0 12px;font-size:16px;color:var(--mhr-primary)}
.mhr-summary dl{margin:0}
.mhr-summary dt{font-size:11px;color:var(--mhr-muted);margin-top:8px}
.mhr-summary dd{margin:0;font-weight:600}
.mhr-summary .mhr-total{font-size:22px;color:var(--mhr-primary);margin-top:12px}
.mhr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mhr-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mhr-card{border:2px solid #e6eaf2;border-radius:12px;padding:14px;background:#fff;cursor:pointer;text-align:center;min-height:120px}
.mhr-card:focus{outline:2px solid var(--mhr-accent);outline-offset:2px}
.mhr-card.is-selected{border-color:var(--mhr-accent);box-shadow:0 0 0 3px rgba(212,160,23,.25)}
.mhr-card.is-disabled{opacity:.45;cursor:not-allowed;filter:grayscale(1)}
.mhr-card img{max-height:48px;margin-bottom:8px}
.mhr-card h3{margin:0 0 4px;font-size:15px}
.mhr-card p{margin:0;font-size:12px;color:var(--mhr-muted)}
.mhr-card.is-featured{border-color:var(--mhr-cta);background:#fffbeb}
.mhr-badge{display:inline-block;background:var(--mhr-cta);color:#1a1400;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}
.mhr-price{font-size:20px;font-weight:700;color:var(--mhr-primary);margin:8px 0}
.mhr-btn{border:0;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer;font-size:14px}
.mhr-btn:disabled{opacity:.45;cursor:not-allowed}
.mhr-btn--cta{background:var(--mhr-cta);color:#1a1400;width:100%}
.mhr-btn--ghost{background:#eef1f6;color:var(--mhr-primary)}
.mhr-btn--lock{display:inline-flex;align-items:center;gap:6px}
.mhr-nav{display:flex;gap:10px;margin-top:16px;position:sticky;bottom:72px;background:linear-gradient(transparent,#fff 30%);padding-top:8px}
.mhr-nav .mhr-btn{flex:1}
.mhr-field{margin:0 0 12px}
.mhr-field label{display:block;font-size:13px;margin-bottom:4px;font-weight:600}
.mhr-field input,.mhr-field textarea,.mhr-field select{width:100%;padding:10px 12px;border:1px solid #d5dbe7;border-radius:10px;font:inherit;box-sizing:border-box}
.mhr-field .mhr-err{color:var(--mhr-danger);font-size:12px;margin-top:4px}
.mhr-info{background:#eef4ff;border-left:4px solid var(--mhr-primary);padding:10px 12px;border-radius:8px;margin:12px 0;font-size:13px}
.mhr-warn{background:#fff6e8;border-left:4px solid var(--mhr-warning);padding:10px 12px;border-radius:8px;margin:12px 0;font-size:13px}
.mhr-drop{border:2px dashed #c9d2e3;border-radius:12px;padding:18px;text-align:center;background:#fafbff}
.mhr-drop.is-on{border-color:var(--mhr-accent);background:#fffbeb}
.mhr-check{display:flex;gap:8px;align-items:flex-start}
.mhr-pay{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.mhr-pay button{border:2px solid #e6eaf2;background:#fff;border-radius:10px;padding:12px;cursor:pointer;font-weight:600}
.mhr-pay button.is-selected{border-color:var(--mhr-accent)}
.mhr-bottom{position:fixed;left:0;right:0;bottom:0;background:#fff;display:none;grid-template-columns:repeat(4,1fr);border-top:1px solid #e6eaf2;z-index:20}
.mhr-bottom a{text-align:center;padding:10px 4px;font-size:11px;color:var(--mhr-primary);text-decoration:none}
.mhr-country{position:relative}
.mhr-country-list{position:absolute;left:0;right:0;background:#fff;border:1px solid #d5dbe7;border-radius:10px;max-height:240px;overflow:auto;z-index:5;display:none}
.mhr-country-list button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:8px 10px;cursor:pointer}
.mhr-country-list button:hover{background:#f4f6fb}
.mhr-sig{border:1px solid #d5dbe7;border-radius:10px;background:#fff}
.mhr-docs-list{list-style:none;padding:0}
.mhr-docs-list li.is-ok{color:var(--mhr-success)}
@media (max-width:1023px){
	.mhr-layout{grid-template-columns:1fr}
	.mhr-grid{grid-template-columns:1fr 1fr}
	.mhr-summary{position:relative;top:auto}
	.mhr-summary-toggle{display:block;width:100%;background:var(--mhr-primary);color:#fff;border:0;border-radius:10px;padding:10px;font-weight:700}
	.mhr-summary-body{display:none}
	.mhr-summary.is-open .mhr-summary-body{display:block;margin-top:10px}
	.mhr-bottom{display:grid}
	.mhr-nav{bottom:56px}
}
@media (max-width:374px){
	.mhr-grid,.mhr-grid-2,.mhr-pay{grid-template-columns:1fr}
}