/* MP V1.0.8 — Registration first-step UX */
.mp-qg-first-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;}
.mp-qg-first-title-row h2{margin:0!important;}
.mp-qg-login-inline{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:rgba(255,255,255,.86);border-radius:999px;padding:9px 13px;font-weight:900;font-size:14px;text-decoration:none;white-space:nowrap;}
.mp-qg-login-inline:hover{border-color:rgba(250,204,21,.45);color:#facc15;background:rgba(250,204,21,.11);}
.mp-qg-step[data-step="1"] .mp-account-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.mp-qg-step[data-step="1"] .mp-account-type{min-height:185px;padding:18px 14px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;}
.mp-account-type-visual{width:92px;height:72px;border-radius:26px;background:radial-gradient(circle at 50% 20%,rgba(250,204,21,.24),rgba(255,255,255,.06) 48%,rgba(0,0,0,.18));border:1px solid rgba(255,255,255,.13);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.mp-account-type strong{font-size:22px!important;line-height:1.05;}
.mp-account-type span:not(.mp-account-type-visual):not(.mp-ill-model):not(.mp-ill-studio):not(.mp-ill-visitor){font-size:13px!important;color:rgba(255,255,255,.62)!important;}
.mp-account-type.active .mp-account-type-visual{border-color:rgba(250,204,21,.55);box-shadow:0 0 24px rgba(250,204,21,.15),inset 0 1px 0 rgba(255,255,255,.1);}
.mp-ill-model,.mp-ill-studio,.mp-ill-visitor{position:relative;display:block;width:76px;height:58px;}
.mp-ill-model:before{content:"";position:absolute;left:29px;top:6px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#f2b48d,#c9784e);border:2px solid rgba(255,255,255,.65);}
.mp-ill-model:after{content:"";position:absolute;left:25px;top:25px;width:26px;height:30px;border-radius:16px 16px 12px 12px;background:linear-gradient(135deg,#db9168,#bd6844);border:2px solid rgba(255,255,255,.45);}
.mp-ill-model i{position:absolute;left:21px;top:2px;width:34px;height:26px;border-radius:22px 22px 12px 12px;background:#d9a829;transform:rotate(-2deg);}
.mp-ill-studio:before{content:"";position:absolute;left:12px;top:10px;width:42px;height:42px;border-radius:8px 8px 5px 5px;background:linear-gradient(180deg,#52525b,#27272a);border:2px solid rgba(255,255,255,.24);box-shadow:inset 10px 0 rgba(250,204,21,.10);}
.mp-ill-studio:after{content:"";position:absolute;left:20px;top:18px;width:6px;height:6px;background:#facc15;box-shadow:14px 0 #facc15,0 12px #facc15,14px 12px #facc15;opacity:.85;border-radius:2px;}
.mp-ill-studio i,.mp-ill-studio b{position:absolute;top:33px;width:15px;height:22px;border-radius:10px 10px 6px 6px;background:#d28a64;border:1px solid rgba(255,255,255,.42);}
.mp-ill-studio i{right:10px}.mp-ill-studio b{right:27px}.mp-ill-studio em{position:absolute;right:13px;top:25px;width:10px;height:10px;border-radius:50%;background:#f0b38a;box-shadow:-17px 0 #f0b38a;}
.mp-ill-visitor:before{content:"";position:absolute;left:9px;top:24px;width:48px;height:28px;border-radius:14px 14px 9px 9px;background:linear-gradient(135deg,#3f3f46,#18181b);border:2px solid rgba(255,255,255,.20);}
.mp-ill-visitor:after{content:"";position:absolute;left:27px;top:10px;width:21px;height:21px;border-radius:50%;background:#d99970;border:2px solid rgba(255,255,255,.45);box-shadow:0 9px 0 4px #27272a;}
.mp-ill-visitor i{position:absolute;left:22px;top:15px;width:31px;height:9px;border-radius:999px;background:#111827;border:2px solid #38bdf8;z-index:3;}
.mp-ill-visitor b{position:absolute;right:5px;top:30px;width:13px;height:22px;border-radius:3px 3px 8px 8px;background:#fff7ed;border:2px solid rgba(250,204,21,.65);transform:rotate(7deg);}
.mp-ill-visitor em{position:absolute;right:1px;top:20px;width:17px;height:13px;border-radius:50%;background:#facc15;box-shadow:-4px 5px 0 -1px #f59e0b;}
.mp-qg-step[data-step="1"].active ~ .mp-qg-actions > a{display:none!important;}
@media(max-width:760px){
  .mp-qg-first-title-row{align-items:flex-end;gap:8px;}
  .mp-qg-first-title-row h2{font-size:31px!important;}
  .mp-qg-login-inline{font-size:12px;padding:8px 10px;}
  .mp-qg-step[data-step="1"] .mp-account-type-grid{grid-template-columns:1fr;gap:10px;}
  .mp-qg-step[data-step="1"] .mp-account-type{min-height:126px;display:grid!important;grid-template-columns:94px 1fr;grid-template-rows:auto auto;text-align:left;justify-items:start;column-gap:14px;}
  .mp-qg-step[data-step="1"] .mp-account-type-visual{grid-row:1 / span 2;}
  .mp-qg-step[data-step="1"] .mp-account-type strong{align-self:end;}
  .mp-qg-step[data-step="1"] .mp-account-type span:not(.mp-account-type-visual):not(.mp-ill-model):not(.mp-ill-studio):not(.mp-ill-visitor){align-self:start;}
}
