
/* MP V1.0.2 QuickGuide */
.mp-quickguide-page{min-height:100vh;}
.mp-qg-hero h1{font-size:clamp(34px,5vw,66px);letter-spacing:-.06em;}
.mp-qg-card{overflow:hidden;position:relative;}
.mp-qg-progress{display:flex;align-items:center;gap:14px;margin-bottom:24px;}
.mp-qg-progress-bar{height:9px;flex:1;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.08);}
.mp-qg-progress-bar span{display:block;height:100%;width:16.66%;background:linear-gradient(90deg,#f59e0b,#facc15);border-radius:999px;transition:width .28s ease;box-shadow:0 0 28px rgba(250,204,21,.35);}
.mp-qg-progress-text{color:rgba(255,255,255,.65);font-weight:900;}
.mp-qg-progress-text strong{color:#fff;}
.mp-qg-step{display:none;animation:mpQGFade .22s ease;}
.mp-qg-step.active{display:block;}
@keyframes mpQGFade{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}
.mp-qg-step-head{margin-bottom:20px;}
.mp-qg-step-head span{display:inline-flex;border:1px solid rgba(250,204,21,.25);background:rgba(250,204,21,.08);color:#fde68a;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.mp-qg-step-head h2{margin:12px 0 6px;font-size:clamp(28px,4vw,46px);line-height:.95;letter-spacing:-.05em;color:#fff;}
.mp-qg-step-head p{color:rgba(255,255,255,.62);max-width:780px;}
.mp-qg-type-grid .mp-account-type{min-height:150px;}
.mp-qg-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;}
.mp-qg-choice{position:relative;display:flex;align-items:center;justify-content:center;min-height:82px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:22px;cursor:pointer;transition:.2s ease;}
.mp-qg-choice input{position:absolute;opacity:0;pointer-events:none;}
.mp-qg-choice span{font-weight:900;color:#fff;}
.mp-qg-choice:has(input:checked){background:linear-gradient(135deg,rgba(245,158,11,.95),rgba(250,204,21,.95));border-color:transparent;box-shadow:0 18px 50px rgba(245,158,11,.23);}
.mp-qg-choice:has(input:checked) span{color:#111;}
.mp-qg-body-layout{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:26px;align-items:stretch;}
.mp-qg-avatar-wrap{border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 0%,rgba(250,204,21,.16),transparent 330px),rgba(255,255,255,.045);border-radius:32px;padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:560px;position:relative;overflow:hidden;}
.mp-qg-avatar-wrap:before{content:"";position:absolute;inset:auto -20% -35% -20%;height:260px;background:radial-gradient(circle,rgba(245,158,11,.2),transparent 65%);}
.mp-qg-avatar{position:relative;width:170px;height:390px;filter:drop-shadow(0 30px 45px rgba(0,0,0,.45));--hair:#d6a33a;--eye:#5aa7ff;--bust:1;}
.mp-qg-hair{position:absolute;top:0;left:38px;width:94px;height:122px;background:var(--hair);border-radius:55px 55px 44px 44px;z-index:1;box-shadow:0 18px 35px rgba(0,0,0,.25);}
.mp-qg-head{position:absolute;top:28px;left:51px;width:68px;height:78px;background:linear-gradient(180deg,#f4c7a0,#d99a73);border-radius:48% 48% 44% 44%;z-index:2;}
.mp-qg-eye{position:absolute;top:34px;width:8px;height:8px;background:var(--eye);border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.35);}
.mp-qg-eye.left{left:18px}.mp-qg-eye.right{right:18px}
.mp-qg-neck{position:absolute;top:97px;left:72px;width:28px;height:36px;background:#d99a73;border-radius:10px;z-index:1;}
.mp-qg-body{position:absolute;top:125px;left:35px;width:100px;height:150px;background:linear-gradient(180deg,#f1b389,#c9825e);border-radius:46px 46px 30px 30px;z-index:2;clip-path:polygon(23% 0,77% 0,100% 54%,70% 100%,30% 100%,0 54%);}
.mp-qg-bust{position:absolute;top:34px;width:calc(25px * var(--bust));height:calc(22px * var(--bust));background:rgba(255,255,255,.16);border-radius:50%;border:1px solid rgba(255,255,255,.16);}
.mp-qg-bust.left{left:23px;transform:translateX(calc(-5px * var(--bust)));}
.mp-qg-bust.right{right:23px;transform:translateX(calc(5px * var(--bust)));}
.mp-qg-waist{position:absolute;left:21px;right:21px;bottom:29px;height:12px;border-radius:50%;border-bottom:2px solid rgba(255,255,255,.28);}
.mp-qg-legs{position:absolute;top:268px;left:53px;width:64px;height:120px;background:linear-gradient(90deg,#cf8a66 0 42%,transparent 42% 58%,#cf8a66 58%);border-radius:0 0 24px 24px;z-index:1;}
.mp-qg-avatar-label{position:relative;margin-top:22px;color:rgba(255,255,255,.8);font-weight:900;}
.mp-qg-controls{display:grid;gap:16px;}
.mp-qg-mini-section{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:28px;padding:18px;}
.mp-qg-mini-section h3{margin:0 0 14px;color:#fff;font-size:18px;}
.mp-qg-slider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.mp-qg-meter{border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(0,0,0,.18);padding:16px;}
.mp-qg-meter span{display:flex;color:rgba(255,255,255,.7);font-weight:800;margin-bottom:8px;}
.mp-qg-meter strong{display:block;color:#fff;font-size:30px;letter-spacing:-.04em;margin-bottom:12px;}
.mp-qg-meter input[type=range]{width:100%;accent-color:#facc15;}
.mp-qg-measure-grid,.mp-qg-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;}
.mp-qg-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.mp-qg-preview-card{display:flex;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:26px;padding:16px;margin-bottom:18px;}
.mp-qg-preview-photo{width:90px;height:110px;border-radius:22px;background:linear-gradient(135deg,rgba(245,158,11,.8),rgba(250,204,21,.7));display:flex;align-items:center;justify-content:center;color:#111;font-size:48px;font-weight:900;}
.mp-qg-preview-card h3{color:#fff;margin:0 0 6px;font-size:28px;}
.mp-qg-preview-card p{margin:0;color:rgba(255,255,255,.62);}
.mp-qg-actions{position:sticky;bottom:14px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:28px;padding:12px;border:1px solid rgba(255,255,255,.12);background:rgba(10,10,12,.78);backdrop-filter:blur(20px);border-radius:24px;}
.mp-qg-actions a{color:rgba(255,255,255,.66);font-weight:800;text-decoration:none;}
.mp-qg-actions div{display:flex;gap:10px;align-items:center;}
.mp-qg-actions button{border:0;border-radius:999px;padding:13px 20px;font-weight:950;cursor:pointer;}
.mp-qg-secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.14)!important;}
.mp-qg-next,.mp-qg-submit{background:linear-gradient(135deg,#f59e0b,#facc15);color:#111;box-shadow:0 12px 34px rgba(245,158,11,.24);}
.mp-qg-submit{display:none;}
@media (max-width: 860px){
  .mp-qg-body-layout{grid-template-columns:1fr;}
  .mp-qg-avatar-wrap{min-height:430px;}
  .mp-qg-avatar{transform:scale(.82);margin:-26px 0;}
  .mp-qg-slider-grid,.mp-qg-measure-grid,.mp-qg-icon-grid{grid-template-columns:1fr;}
  .mp-qg-actions{flex-direction:column;align-items:stretch;}
  .mp-qg-actions div{justify-content:space-between;}
  .mp-qg-actions button{flex:1;}
}
