.mq-root{
  --bg:#0f1513;
  --panel:#151d1a;
  --panel2:#1b2521;
  --gold:#d9b879;
  --gold2:#b99555;
  --text:#f5f2ea;
  --muted:#a9b0ac;
  --line:#2a3933;
  --ok:#79c89c;
}
.mq-root *{box-sizing:border-box}
.mq-root{
  margin:0;
  font-family:Arial, Tahoma, sans-serif;
  background:
    radial-gradient(circle at top right, rgba(217,184,121,.10), transparent 28%),
    linear-gradient(160deg,#0b100e,#111916 55%,#0b100e);
  color:var(--text);
  min-height:100vh;
  padding:36px 18px;
}
.mq-root .wrapper{max-width:920px;margin:auto}
.mq-root .brand{
  display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px
}
.mq-root .logo{
  font-size:28px;font-weight:800;letter-spacing:2px;color:var(--gold)
}
.mq-root .tag{color:var(--muted);font-size:14px}
.mq-root .card{
  background:rgba(21,29,26,.95);
  border:1px solid rgba(217,184,121,.18);
  border-radius:24px;
  box-shadow:0 20px 70px rgba(0,0,0,.35);
  overflow:hidden;
}
.mq-root .hero{padding:32px 32px 22px;border-bottom:1px solid var(--line)}
.mq-root .hero h1{margin:0 0 10px;font-size:34px}
.mq-root .hero p{margin:0;color:var(--muted);line-height:1.8}
.mq-root .progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:18px 32px;background:#111815}
.mq-root .stepbar{
  height:5px;border-radius:99px;background:#2a3430;overflow:hidden
}
.mq-root .stepbar.active,.mq-root .stepbar.done{background:linear-gradient(90deg,var(--gold2),var(--gold))}
.mq-root .form-area{padding:32px}
.mq-root .step{display:none;animation:mqfade .25s ease}
.mq-root .step.active{display:block}
@keyframes mqfade{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
.mq-root .step h2{font-size:25px;margin:0 0 8px}
.mq-root .help{color:var(--muted);font-size:14px;margin-bottom:24px}
.mq-root .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.mq-root .full{grid-column:1/-1}
.mq-root label{display:block;font-size:14px;color:#d8ddd9;margin-bottom:8px}
.mq-root input,.mq-root select,.mq-root textarea{
  width:100%;background:#101714;border:1px solid #314039;color:#fff;
  padding:14px 14px;border-radius:12px;outline:none;font-size:15px;
  transition:.2s
}
.mq-root input:focus,.mq-root select:focus,.mq-root textarea:focus{border-color:var(--gold)}
.mq-root textarea{min-height:120px;resize:vertical}
.mq-root .choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mq-root .choice{
  border:1px solid #314039;background:#111815;border-radius:16px;padding:20px;
  cursor:pointer;transition:.2s;min-height:115px
}
.mq-root .choice:hover{border-color:var(--gold)}
.mq-root .choice.selected{border-color:var(--gold);background:rgba(217,184,121,.08);box-shadow:inset 0 0 0 1px rgba(217,184,121,.15)}
.mq-root .choice .icon{font-size:27px;margin-bottom:8px}
.mq-root .choice b{display:block;margin-bottom:6px}
.mq-root .choice span{font-size:13px;color:var(--muted);line-height:1.5}
.mq-root .actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}
.mq-root button{
  border:none;border-radius:12px;padding:14px 22px;font-weight:700;cursor:pointer;font-size:15px
}
.mq-root .next{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#18130b}
.mq-root .prev{background:#202a26;color:#e5e9e6;border:1px solid #34433d}
.mq-root .note{
  background:#101714;border:1px dashed #405047;border-radius:14px;padding:16px;color:var(--muted);font-size:14px;line-height:1.7
}
.mq-root .review{
  background:#101714;border:1px solid #2f3e38;border-radius:16px;padding:18px;line-height:1.9
}
.mq-root .review strong{color:var(--gold)}
.mq-root .success{
  text-align:center;padding:32px 12px
}
.mq-root .success .check{
  width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;
  background:rgba(121,200,156,.12);color:var(--ok);font-size:36px;border:1px solid rgba(121,200,156,.35)
}
.mq-root .hidden{display:none!important}
.mq-root .small{font-size:12px;color:var(--muted);margin-top:7px}
@media(max-width:720px){
  .mq-root .grid,.mq-root .choices{grid-template-columns:1fr}
  .mq-root .hero,.mq-root .form-area{padding:24px 18px}
  .mq-root .progress{padding:16px 18px}
  .mq-root .hero h1{font-size:28px}
}

.mq-root{border-radius:24px;line-height:1.6;text-align:start;isolation:isolate;width:100%;font-size:16px}
.mq-root h1,.mq-root h2,.mq-root p{color:var(--text);font-family:inherit;line-height:1.5;letter-spacing:normal}
.mq-root .hero p,.mq-root .help{color:var(--muted)}
.mq-root .choice{text-align:start;color:var(--text);font-weight:normal;font-family:inherit;white-space:normal;line-height:1.5}
.mq-root button{font-family:inherit;letter-spacing:normal;text-transform:none;white-space:normal}
.mq-root input,.mq-root select,.mq-root textarea{font-family:inherit;line-height:1.5;max-width:100%;height:auto;box-shadow:none}
.mq-root .languages{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px;direction:ltr;justify-content:flex-end}
.mq-root .languages button{padding:8px 13px;background:#202a26;color:#f5f2ea;border:1px solid #405047}
.mq-root .languages button[aria-pressed=true]{color:#18130b;background:var(--gold);border-color:var(--gold)}
.mq-root :focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.mq-root button:disabled{opacity:.6;cursor:wait}
.mq-root .error{color:#ffd0c6;background:#44251f;padding:12px;border-radius:10px;margin:16px 0}
.mq-root .consent{display:flex;gap:10px;align-items:flex-start;margin-top:18px}
.mq-root .consent input{width:20px;flex:0 0 20px;margin-top:5px}
.mq-root .hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.mq-root .review div{overflow-wrap:anywhere;white-space:pre-wrap}
.mq-root .counter{padding:0 32px;color:var(--muted);font-size:13px;background:#111815}
.mq-root .brand{flex-wrap:wrap}.mq-root .actions{flex-wrap:wrap}
@media(max-width:720px){.mq-root{padding:20px 10px}.mq-root .grid,.mq-root .choices{grid-template-columns:1fr}.mq-root .hero,.mq-root .form-area{padding:24px 18px}.mq-root .progress{padding:16px 18px}.mq-root .hero h1{font-size:28px}.mq-root .counter{padding:0 18px}}