:root{
  --mp-bg:#020617;--mp-card:#061632;--mp-card2:#0a214a;--mp-line:rgba(142,184,255,.11);
  --mp-text:#f8fbff;--mp-muted:#879fc5;--mp-blue:#4d82ff;--mp-violet:#7c5fff;--mp-cyan:#62eaff;
}
.masterpiece-body{min-height:100vh;background:
  radial-gradient(circle at 50% -10%,rgba(93,83,255,.26),transparent 32%),
  radial-gradient(circle at 8% 28%,rgba(56,120,255,.15),transparent 27%),
  radial-gradient(circle at 95% 22%,rgba(142,71,255,.14),transparent 28%),
  linear-gradient(180deg,#020516,#06112e 50%,#020511)!important}
.masterpiece-body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.55;background-image:
  radial-gradient(circle at 15% 22%,#fff 0 1px,transparent 1.3px),
  radial-gradient(circle at 62% 14%,#d9e8ff 0 1px,transparent 1.3px),
  radial-gradient(circle at 84% 61%,#fff 0 1px,transparent 1.3px),
  radial-gradient(circle at 27% 77%,#b9d8ff 0 1px,transparent 1.3px);
  background-size:280px 280px,340px 340px,390px 390px,320px 320px}
.masterpiece-nav{position:relative;z-index:1000}
.mp-login-shell,.mp-signup-shell{width:min(1480px,calc(100% - 28px));margin:24px auto 52px;display:grid;gap:22px}
.mp-login-shell{grid-template-columns:.92fr 1.08fr}.mp-signup-shell{grid-template-columns:.62fr 1.38fr}
.mp-login-visual,.mp-auth-card,.mp-signup-side,.mp-signup-card{
  position:relative;overflow:hidden;border-radius:36px;border:1px solid var(--mp-line);
  background:radial-gradient(circle at 100% 0%,rgba(124,91,255,.11),transparent 31%),linear-gradient(180deg,rgba(7,23,58,.97),rgba(4,12,32,.98));
  box-shadow:0 44px 120px rgba(0,0,0,.34)
}
.mp-login-visual,.mp-signup-side{padding:42px}.mp-auth-card,.mp-signup-card{padding:28px}
.mp-login-visual:before,.mp-auth-card:before,.mp-signup-side:before,.mp-signup-card:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#66eaff,#7d5fff,transparent)}
.mp-kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid var(--mp-line);background:rgba(255,255,255,.025);color:#91a7ca;font-size:.57rem;font-weight:900;letter-spacing:.14em}.mp-kicker i{width:7px;height:7px;border-radius:50%;background:#62eaff;box-shadow:0 0 14px #62eaff}
.mp-login-visual h1,.mp-signup-side h1{margin:22px 0 14px;font-size:clamp(3.3rem,5.2vw,5.7rem);line-height:.92;letter-spacing:-.07em}.mp-login-visual h1 span,.mp-signup-side h1 span{background:linear-gradient(135deg,#cec4ff,#886cff 38%,#5eb5ff 70%,#64eaff);-webkit-background-clip:text;background-clip:text;color:transparent}.mp-login-visual>p,.mp-signup-side>p{max-width:610px;margin:0;color:#aec0da;line-height:1.8}
.mp-stadium{position:relative;width:300px;height:300px;margin:30px auto 18px;display:grid;place-items:center}.mp-stadium-ring{position:absolute;border:1px solid rgba(108,180,255,.17);border-radius:50%}.mp-stadium-ring.r1{inset:5px}.mp-stadium-ring.r2{inset:40px;border-style:dashed;animation:mpSpin 18s linear infinite}.mp-stadium-core{width:118px;height:118px;display:grid;place-items:center;border-radius:38px;background:linear-gradient(145deg,#7d60ff,#4e87ff,#62eaff);font-size:3rem;box-shadow:0 0 55px rgba(76,139,255,.32);transform:rotate(-8deg)}.mp-star{position:absolute;color:#c7dbff;animation:mpFloat 3s ease-in-out infinite}.mp-star.s1{left:25px;top:60px}.mp-star.s2{right:28px;bottom:65px;animation-delay:.8s}.mp-star.s3{right:50px;top:45px;animation-delay:1.4s}@keyframes mpSpin{to{transform:rotate(360deg)}}@keyframes mpFloat{50%{transform:translateY(-8px);opacity:.7}}
.mp-login-benefits{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mp-login-benefits article{display:flex;gap:10px;align-items:center;padding:12px;border-radius:15px;border:1px solid rgba(142,184,255,.075);background:rgba(255,255,255,.018)}.mp-login-benefits article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.03)}.mp-login-benefits strong,.mp-login-benefits small{display:block}.mp-login-benefits strong{font-size:.66rem}.mp-login-benefits small{margin-top:2px;color:#7186a7;font-size:.54rem}
.mp-card-top,.mp-step-head{margin-bottom:18px}.mp-card-top{display:flex;justify-content:space-between;gap:12px}.mp-card-top>div>span,.mp-step-head>span,.mp-avatar-meta>span,.mp-final-preview>div:nth-child(2)>span,.mp-success-card>span{color:#64eaff;font-size:.55rem;font-weight:900;letter-spacing:.15em}.mp-card-top h2,.mp-step-head h2{margin:7px 0 5px;font-size:2rem;letter-spacing:-.045em}.mp-card-top p,.mp-step-head p{margin:0;color:#8499bb;font-size:.7rem;line-height:1.6}.mp-secure-badge{height:max-content;display:flex;gap:7px;align-items:center;padding:7px 9px;border-radius:999px;border:1px solid rgba(87,223,169,.13);background:rgba(87,223,169,.04);color:#6de2ac;font-size:.51rem;font-weight:900;letter-spacing:.11em}.mp-secure-badge i{width:7px;height:7px;border-radius:50%;background:#5de0a8}
.mp-form{display:grid;gap:13px}.mp-label-row{display:flex;justify-content:space-between;gap:10px}.mp-label-row label{font-size:.64rem;color:#a1b4d0;font-weight:800}.mp-label-row small{color:#6e83a4;font-size:.54rem}
.mp-player-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.mp-player-grid button{display:grid;justify-items:center;gap:7px;padding:11px 6px;border-radius:16px;border:1px solid rgba(142,184,255,.08);background:rgba(255,255,255,.02);color:#aabbd3;transition:.16s ease}.mp-player-grid button:hover{transform:translateY(-2px);border-color:rgba(100,232,255,.20)}.mp-player-grid button.active{border-color:rgba(100,232,255,.30);background:linear-gradient(180deg,rgba(105,93,255,.09),rgba(93,225,255,.035));box-shadow:0 0 0 1px rgba(100,232,255,.06) inset}.mp-player-grid button b{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#7b5eff,#4e87ff,#61e9ff);color:#fff}.mp-player-grid button span{font-size:.58rem;font-weight:850}.mp-player-grid button small{color:#667c9e;font-size:.48rem}.mp-player-large button{padding:15px 8px}.mp-player-large button b{width:54px;height:54px;border-radius:17px}
.mp-field{display:grid;gap:7px;color:#a2b4cf;font-size:.63rem;font-weight:800}.mp-field>div{min-height:52px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:0 10px 0 12px;border:1px solid rgba(142,184,255,.09);border-radius:14px;background:rgba(255,255,255,.022);transition:.16s ease}.mp-field>div:focus-within{border-color:rgba(100,232,255,.34);box-shadow:0 0 0 3px rgba(100,232,255,.05);background:rgba(255,255,255,.029)}.mp-field i{font-style:normal;color:#7388aa}.mp-field input{min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important}.mp-field button{width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.035);color:#91a5c3}.mp-field em{font-style:normal;color:#63799c}.mp-field em.ok{color:#59dfa8}.mp-field em.error{color:#ff7387}.mp-field select{width:100%;min-height:48px;border:1px solid rgba(142,184,255,.09);border-radius:13px;background:#07152f;color:#fff;padding:0 10px}
.mp-options{display:flex;align-items:center;justify-content:space-between;gap:10px}.mp-options label{display:flex;align-items:center;gap:8px;color:#91a5c3;font-size:.59rem}.mp-options button{border:0;background:transparent;color:#8db1dd;font-size:.58rem}.mp-submit,.mp-secondary{min-height:54px;border-radius:15px;font-weight:900}.mp-submit{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border:0;color:#fff;background:linear-gradient(135deg,#7d5fff,#4b7fff,#42adff,#62eaff);box-shadow:0 18px 44px rgba(66,119,255,.23)}.mp-submit:hover{transform:translateY(-1px)}.mp-submit.loading{opacity:.76;pointer-events:none}.mp-message{text-align:center;color:#6d82a4;font-size:.55rem;min-height:17px}.mp-message.success{color:#5ce0a8}.mp-message.error{color:#ff7487}
.mp-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mp-trust-row>div{padding:9px;border:1px solid rgba(142,184,255,.065);border-radius:12px;background:rgba(255,255,255,.016)}.mp-trust-row span,.mp-trust-row strong,.mp-trust-row small{display:block}.mp-trust-row strong{margin-top:4px;font-size:.55rem}.mp-trust-row small{margin-top:2px;color:#667c9d;font-size:.48rem}.mp-divider{display:flex;align-items:center;gap:10px;margin:17px 0}.mp-divider:before,.mp-divider:after{content:"";height:1px;flex:1;background:rgba(142,184,255,.07)}.mp-divider span{color:#63799b;font-size:.5rem}.mp-create-account{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:13px;border:1px solid rgba(142,184,255,.08);border-radius:15px;background:rgba(255,255,255,.018)}.mp-create-account>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(100,232,255,.05);color:#65eaff}.mp-create-account strong,.mp-create-account small{display:block}.mp-create-account strong{font-size:.65rem}.mp-create-account small{margin-top:2px;color:#6d82a3;font-size:.52rem}.mp-recovery{margin-top:14px;padding:14px;border-radius:17px;border:1px solid rgba(255,211,107,.12);background:rgba(255,211,107,.025);display:grid;gap:10px}.mp-recovery[hidden]{display:none!important}.mp-recovery-head{display:flex;justify-content:space-between;gap:10px}.mp-recovery-head span,.mp-recovery-head strong{display:block}.mp-recovery-head span{color:#ffd36b;font-size:.5rem;font-weight:900;letter-spacing:.12em}.mp-recovery-head strong{margin-top:3px;font-size:.8rem}.mp-recovery-head button{width:32px;height:32px;border:0;border-radius:9px;background:rgba(255,255,255,.03);color:#97aac5}
.mp-signup-side{display:flex;flex-direction:column}.mp-side-steps{display:grid;gap:8px;margin-top:28px}.mp-side-steps article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:15px;border:1px solid rgba(142,184,255,.07);background:rgba(255,255,255,.016);opacity:.58}.mp-side-steps article.active,.mp-side-steps article.done{opacity:1;border-color:rgba(100,232,255,.15)}.mp-side-steps article>b{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.03);font-size:.59rem}.mp-side-steps article.active>b,.mp-side-steps article.done>b{background:linear-gradient(145deg,#7a5fff,#4f85ff,#60eaff)}.mp-side-steps strong,.mp-side-steps small{display:block}.mp-side-steps strong{font-size:.65rem}.mp-side-steps small{margin-top:2px;color:#7186a8;font-size:.52rem}.mp-side-steps article>span{color:#59dfa8;opacity:0}.mp-side-steps article.done>span{opacity:1}.mp-side-ai{margin-top:auto;display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;padding:14px;border:1px solid rgba(142,184,255,.08);border-radius:18px;background:rgba(255,255,255,.018)}.mp-side-ai img{width:70px;height:70px;object-fit:cover;border-radius:20px}.mp-side-ai span,.mp-side-ai strong,.mp-side-ai small{display:block}.mp-side-ai span{color:#64eaff;font-size:.5rem;font-weight:900;letter-spacing:.13em}.mp-side-ai strong{margin-top:3px;font-size:.68rem}.mp-side-ai small{margin-top:3px;color:#6e84a5;font-size:.51rem;line-height:1.45}
.mp-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;gap:7px;align-items:center;margin-bottom:20px}.mp-progress>div{display:grid;justify-items:center;gap:4px;color:#687e9f}.mp-progress>div span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.03);font-size:.6rem;font-weight:900}.mp-progress>div small{font-size:.49rem}.mp-progress>div.active span,.mp-progress>div.done span{background:linear-gradient(145deg,#7b5fff,#4e86ff,#61eaff);color:#fff;box-shadow:0 0 20px rgba(79,141,255,.20)}.mp-progress>i{height:2px;background:rgba(255,255,255,.05)}.mp-progress>i.done{background:linear-gradient(90deg,#7b5fff,#60eaff)}.mp-step{display:none}.mp-step.active{display:block;animation:mpIn .34s ease both}@keyframes mpIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
.mp-info-box{display:flex;gap:9px;align-items:flex-start;margin-top:13px;padding:11px;border:1px solid rgba(142,184,255,.07);border-radius:13px;background:rgba(255,255,255,.016)}.mp-info-box>span{color:#65eaff}.mp-info-box p{margin:0;color:#6e84a5;font-size:.55rem;line-height:1.55}
.mp-avatar-studio{display:grid;grid-template-columns:260px 1fr;gap:15px}.mp-avatar-stage{padding:14px;border:1px solid rgba(142,184,255,.08);border-radius:22px;background:rgba(255,255,255,.017)}.mp-avatar-preview{width:100%;aspect-ratio:1;border-radius:26px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#6f85ff,#7b5fff,#5feaff);box-shadow:0 26px 60px rgba(68,116,255,.23)}.mp-avatar-preview svg,.mp-final-avatar svg{width:100%;height:100%;display:block}.mp-avatar-meta{margin-top:11px}.mp-avatar-meta strong,.mp-avatar-meta small{display:block}.mp-avatar-meta strong{margin-top:3px;font-size:.72rem}.mp-avatar-meta small{margin-top:2px;color:#6d82a4;font-size:.52rem}.mp-avatar-stage-actions{display:flex;gap:6px;margin-top:10px}.mp-avatar-stage-actions button{flex:1;min-height:37px;border:1px solid rgba(142,184,255,.07);border-radius:10px;background:rgba(255,255,255,.018);color:#92a6c3;font-size:.51rem}.mp-upload{margin-top:8px;display:flex;gap:9px;align-items:center;padding:10px;border:1px dashed rgba(142,184,255,.13);border-radius:12px;cursor:pointer}.mp-upload strong,.mp-upload small{display:block}.mp-upload strong{font-size:.57rem}.mp-upload small{margin-top:2px;color:#6b80a2;font-size:.49rem}.mp-avatar-controls{display:grid;gap:10px}.mp-preset-box,.mp-control-box{padding:11px;border-radius:15px;border:1px solid rgba(142,184,255,.07);background:rgba(255,255,255,.016)}.mp-control-title{display:flex;justify-content:space-between;gap:9px;align-items:flex-end;margin-bottom:8px}.mp-control-title strong{font-size:.58rem}.mp-control-title small{color:#687d9e;font-size:.48rem}.mp-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mp-preset-grid button,.mp-choice button{min-height:36px;padding:0 9px;border-radius:10px;border:1px solid rgba(142,184,255,.07);background:rgba(255,255,255,.018);color:#9cafc9;font-size:.52rem;font-weight:800}.mp-preset-grid button.active,.mp-choice button.active{border-color:rgba(100,232,255,.25);background:linear-gradient(145deg,rgba(123,95,255,.14),rgba(95,234,255,.06));color:#fff}.mp-custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mp-choice{display:flex;flex-wrap:wrap;gap:6px}.mp-choice.swatches button{width:34px;min-width:34px;height:34px;padding:0;background:var(--sw);position:relative}.mp-choice.swatches button:after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.20);border-radius:7px}.mp-choice.swatches button.active{outline:2px solid rgba(100,232,255,.70);outline-offset:2px}
.mp-security-score{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(100,232,255,.08);border-radius:14px;background:linear-gradient(90deg,rgba(100,232,255,.025),rgba(123,95,255,.02))}.mp-security-score>span{font-size:1.25rem}.mp-security-score strong,.mp-security-score small{display:block}.mp-security-score strong{font-size:.62rem}.mp-security-score small{margin-top:2px;color:#6e84a5;font-size:.5rem}.mp-security-score>b{color:#63eaff}.mp-security-bar{height:7px;margin:8px 0 13px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.05)}.mp-security-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff6b7d,#ffd36b,#59dfa8);transition:.2s ease}.mp-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mp-password-panel{margin-top:11px;padding:12px;border:1px solid rgba(142,184,255,.07);border-radius:14px;background:rgba(255,255,255,.015)}.mp-password-title{display:flex;justify-content:space-between;gap:10px}.mp-password-title strong,.mp-password-title small{display:block}.mp-password-title strong{font-size:.58rem}.mp-password-title small{margin-top:2px;color:#687d9e;font-size:.48rem}.mp-password-title button{padding:7px 9px;border-radius:9px;border:1px solid rgba(100,232,255,.12);background:rgba(100,232,255,.04);color:#8cecff;font-size:.5rem}.mp-password-rules{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}.mp-password-rules span{color:#697e9f;font-size:.49rem}.mp-password-rules span.ok{color:#5ce0a8}.mp-recovery-grid{margin-top:10px}
.mp-final-preview{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(100,232,255,.11);border-radius:18px;background:linear-gradient(90deg,rgba(100,232,255,.025),rgba(123,95,255,.025))}.mp-final-avatar{width:84px;height:84px;border-radius:23px;overflow:hidden;background:linear-gradient(145deg,#6f85ff,#7b5fff,#60eaff);background-size:cover;background-position:center}.mp-final-preview strong,.mp-final-preview small{display:block}.mp-final-preview strong{margin-top:4px;font-size:1.1rem}.mp-final-preview small{margin-top:2px;color:#7186a7;font-size:.55rem}.mp-ready-pill{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;border:1px solid rgba(87,223,169,.13);background:rgba(87,223,169,.04);color:#65dfa9;font-size:.5rem;font-weight:900}.mp-ready-pill i{width:6px;height:6px;border-radius:50%;background:#59dfa8}.mp-final-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.mp-final-grid article{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:10px;border:1px solid rgba(142,184,255,.07);border-radius:12px;background:rgba(255,255,255,.016)}.mp-final-grid article>span{font-size:1rem}.mp-final-grid strong,.mp-final-grid small{display:block}.mp-final-grid strong{font-size:.54rem}.mp-final-grid small{margin-top:2px;color:#667c9d;font-size:.47rem}.mp-final-grid article>b{color:#59dfa8}.mp-terms{display:flex;align-items:flex-start;gap:9px;margin-top:13px;padding:11px;border:1px solid rgba(142,184,255,.07);border-radius:12px;background:rgba(255,255,255,.015);color:#8fa3c0;font-size:.55rem;line-height:1.5}.mp-step-footer{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:18px}.mp-secondary{padding:0 15px;border:1px solid rgba(142,184,255,.08);background:rgba(255,255,255,.018);color:#a6b7cf}.mp-step-footer [hidden]{display:none!important}
.mp-success{position:fixed;inset:0;z-index:150000;display:grid;place-items:center;padding:20px;background:rgba(2,6,18,.82);backdrop-filter:blur(18px)}.mp-success[hidden]{display:none!important}.mp-success-card{width:min(430px,100%);padding:34px;text-align:center;border-radius:30px;border:1px solid rgba(142,184,255,.13);background:radial-gradient(circle at 50% 0%,rgba(100,232,255,.08),transparent 33%),linear-gradient(180deg,#081a39,#040c1f);box-shadow:0 55px 150px rgba(0,0,0,.58)}.mp-success-icon{width:76px;height:76px;margin:0 auto 16px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,#57dfa8,#58c8ff);font-size:1.8rem}.mp-success-card h2{margin:8px 0 6px;font-size:1.6rem}.mp-success-card p{margin:0;color:#8196b7;font-size:.64rem}.mp-success-progress{height:6px;margin-top:18px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.05)}.mp-success-progress span{display:block;height:100%;background:linear-gradient(90deg,#59dfa8,#60eaff);animation:mpProg 1.5s linear forwards}@keyframes mpProg{from{width:0}to{width:100%}}
@media(max-width:1120px){.mp-login-shell,.mp-signup-shell{grid-template-columns:1fr}.mp-signup-side{min-height:auto}.mp-side-ai{margin-top:24px}.mp-avatar-studio{grid-template-columns:1fr}.mp-avatar-stage{max-width:330px}}
@media(max-width:760px){.mp-login-visual,.mp-auth-card,.mp-signup-side,.mp-signup-card{padding:18px;border-radius:25px}.mp-login-visual h1,.mp-signup-side h1{font-size:clamp(2.8rem,13vw,4.5rem)}.mp-stadium{display:none}.mp-player-grid{grid-template-columns:repeat(2,1fr)}.mp-custom-grid,.mp-security-grid{grid-template-columns:1fr}.mp-password-rules{grid-template-columns:1fr 1fr}.mp-final-grid{grid-template-columns:1fr}.mp-step-footer{grid-template-columns:1fr}.mp-step-footer button{width:100%}.mp-progress{overflow-x:auto}.mp-login-benefits{grid-template-columns:1fr}.mp-trust-row{grid-template-columns:1fr}}


/* ===== AUTH MASTERPIECE V2 — inscription layout fix ===== */
.mp-signup-shell{
  align-items:start;
}
.mp-signup-side{
  position:sticky;
  top:112px;
  min-height:calc(100vh - 145px);
}
.mp-signup-card{
  min-width:0;
}
.mp-avatar-studio{
  grid-template-columns:minmax(245px,290px) minmax(0,1fr);
  align-items:start;
}
.mp-avatar-stage{
  position:sticky;
  top:118px;
}
.mp-avatar-controls{
  min-width:0;
}
.mp-preset-box{
  overflow:hidden;
}
.mp-preset-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.mp-avatar-tabs{
  display:flex;
  gap:6px;
  padding:6px;
  border-radius:15px;
  border:1px solid rgba(142,184,255,.08);
  background:rgba(255,255,255,.016);
  overflow-x:auto;
  scrollbar-width:none;
}
.mp-avatar-tabs::-webkit-scrollbar{display:none}
.mp-avatar-tabs button{
  flex:0 0 auto;
  min-height:38px;
  padding:0 11px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:#7589aa;
  font-size:.52rem;
  font-weight:850;
  white-space:nowrap;
}
.mp-avatar-tabs button.active{
  color:#fff;
  border-color:rgba(100,232,255,.16);
  background:linear-gradient(145deg,rgba(123,95,255,.15),rgba(96,232,255,.06));
  box-shadow:0 8px 24px rgba(45,89,180,.10);
}
.mp-avatar-panels{margin-top:9px}
.mp-avatar-panel{display:none}
.mp-avatar-panel.active{display:block;animation:mpIn .2s ease both}
.mp-avatar-panel .mp-custom-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.mp-control-box{
  min-width:0;
}
.mp-choice{
  align-items:center;
}
.mp-choice:not(.swatches) button{
  flex:1 1 74px;
}
.mp-avatar-stage-actions button,.mp-upload,.mp-avatar-tabs button,.mp-choice button,.mp-preset-grid button{
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.mp-avatar-stage-actions button:hover,.mp-choice button:hover,.mp-preset-grid button:hover,.mp-avatar-tabs button:hover{
  transform:translateY(-1px);
  border-color:rgba(100,232,255,.18);
}
.mp-step-footer{
  position:sticky;
  bottom:10px;
  z-index:25;
  padding:10px;
  margin:18px -2px -2px;
  border:1px solid rgba(142,184,255,.08);
  border-radius:16px;
  background:rgba(4,13,34,.88);
  backdrop-filter:blur(18px);
  box-shadow:0 -16px 50px rgba(0,0,0,.18);
}
@media(max-width:1120px){
  .mp-signup-side{position:relative;top:auto;min-height:auto}
  .mp-avatar-stage{position:relative;top:auto;max-width:none}
}
@media(max-width:820px){
  .mp-avatar-studio{grid-template-columns:1fr}
  .mp-avatar-stage{max-width:360px;margin:0 auto;width:100%}
  .mp-avatar-panel .mp-custom-grid{grid-template-columns:1fr}
  .mp-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mp-step-footer{position:relative;bottom:auto}
}
@media(max-width:520px){
  .mp-avatar-tabs{margin-inline:-2px}
  .mp-avatar-tabs button{padding-inline:9px}
}

/* ===== Chatbot humain premium ===== */
.signature-chat-panel{
  width:min(420px,calc(100vw - 24px))!important;
  max-height:min(720px,calc(100vh - 110px))!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
.signature-chat-header{
  background:
    radial-gradient(circle at 0 0,rgba(123,95,255,.12),transparent 45%),
    linear-gradient(180deg,rgba(10,32,76,.98),rgba(6,22,56,.98))!important;
}
.signature-chat-status{
  display:flex!important;
  justify-content:space-between;
  gap:10px;
  padding:9px 13px;
  border-bottom:1px solid rgba(142,184,255,.07);
  color:#6f86a8;
  font-size:.52rem;
}
.signature-chat-status .human-ai-status{
  display:flex;
  align-items:center;
  gap:6px;
  color:#70e1af;
}
.signature-chat-status .human-ai-status i{
  width:7px;height:7px;border-radius:50%;
  background:#5ee0aa;box-shadow:0 0 10px rgba(94,224,170,.75)
}
.signature-chat-messages{
  padding:13px!important;
  background:
    radial-gradient(circle at 80% 0,rgba(111,94,255,.05),transparent 35%),
    rgba(3,11,30,.65)!important;
}
.signature-bubble{
  max-width:88%!important;
  line-height:1.55!important;
  font-size:.64rem!important;
  white-space:pre-wrap;
}
.signature-bubble.ai{
  background:linear-gradient(180deg,rgba(14,39,83,.92),rgba(9,28,63,.96))!important;
  border:1px solid rgba(132,180,255,.10)!important;
}
.signature-bubble.user{
  background:linear-gradient(135deg,#705cff,#477fff,#3ca7ff)!important;
}
.ai-typing{
  display:inline-flex;
  gap:4px;
  align-items:center;
  padding:10px 12px;
  border-radius:14px 14px 14px 5px;
  background:rgba(11,32,70,.92);
  border:1px solid rgba(132,180,255,.09);
}
.ai-typing i{
  width:6px;height:6px;border-radius:50%;
  background:#8fa7c9;
  animation:typingDot 1.1s infinite ease-in-out;
}
.ai-typing i:nth-child(2){animation-delay:.13s}
.ai-typing i:nth-child(3){animation-delay:.26s}
@keyframes typingDot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
.signature-chat-suggestions{
  overflow-x:auto;
  flex-wrap:nowrap!important;
}
.signature-chat-suggestions button{
  white-space:nowrap;
}


/* AUTH MASTERPIECE V3 — clean auth header */
.masterpiece-body .auth-page-ribbon,
.masterpiece-body .sig-page-ribbon{
  display:none!important;
}
.masterpiece-body .masterpiece-nav{
  margin-top:12px!important;
}
.mp-login-shell,
.mp-signup-shell{
  margin-top:22px!important;
}


/* V4 avatar creator */
.mp-avatar-controls .mp-choice{align-items:center}
.mp-avatar-controls .mp-choice button{transition:transform .18s ease, box-shadow .18s ease}
.mp-avatar-controls .mp-choice button:hover{transform:translateY(-1px)}
.mp-avatar-controls .mp-choice:not(.swatches) button{padding-inline:10px}
.mp-avatar-stage .mp-avatar-preview{position:relative}


/* =========================================================
   SIGNUP CINEMATIC — premium registration experience
   ========================================================= */
.signup-cinematic-body{
  min-height:100vh;
  background:
    radial-gradient(circle at 50% -15%,rgba(91,77,255,.34),transparent 31%),
    radial-gradient(circle at 5% 35%,rgba(39,121,255,.18),transparent 27%),
    radial-gradient(circle at 96% 30%,rgba(138,72,255,.18),transparent 28%),
    linear-gradient(180deg,#020514 0%,#06122f 45%,#020510 100%)!important;
}
.signup-cinematic-body:after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.32;
  background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 70%,transparent)
}
.sc-signup-shell{width:min(1480px,calc(100% - 28px));margin:28px auto 60px}
.sc-hero{text-align:center;max-width:980px;margin:0 auto 28px;padding:26px 20px}
.sc-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:1px solid rgba(125,190,255,.14);background:rgba(255,255,255,.025);color:#9bb1d3;font-size:.56rem;font-weight:900;letter-spacing:.15em;box-shadow:0 0 40px rgba(70,130,255,.08)}
.sc-hero-badge i{width:7px;height:7px;border-radius:50%;background:#5fe8ff;box-shadow:0 0 12px #5fe8ff}
.sc-hero h1{margin:18px 0 10px;font-size:clamp(3.6rem,6.4vw,6.7rem);line-height:.9;letter-spacing:-.075em}
.sc-hero h1 span{background:linear-gradient(135deg,#d4cbff,#906dff 34%,#5c9dff 64%,#63ebff);-webkit-background-clip:text;background-clip:text;color:transparent}
.sc-hero p{max-width:760px;margin:0 auto;color:#a7bad6;font-size:.82rem;line-height:1.8}
.sc-hero-stats{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}
.sc-hero-stats article{min-width:116px;padding:10px 14px;border-radius:14px;border:1px solid rgba(138,184,255,.08);background:rgba(255,255,255,.018)}
.sc-hero-stats strong,.sc-hero-stats small{display:block}.sc-hero-stats strong{font-size:1.1rem}.sc-hero-stats small{margin-top:2px;color:#6e84a5;font-size:.5rem;text-transform:uppercase;letter-spacing:.08em}
.sc-signup-portal{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:640px;border-radius:34px;border:1px solid rgba(139,184,255,.13);overflow:hidden;background:linear-gradient(180deg,rgba(6,20,52,.95),rgba(3,10,29,.97));box-shadow:0 46px 130px rgba(0,0,0,.38),0 0 80px rgba(77,119,255,.08)}
.sc-progress-side{display:flex;flex-direction:column;padding:24px;border-right:1px solid rgba(139,184,255,.08);background:radial-gradient(circle at 0 0,rgba(120,83,255,.13),transparent 36%),linear-gradient(180deg,rgba(7,24,59,.98),rgba(4,13,34,.98))}
.sc-side-brand{display:flex;gap:10px;align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(139,184,255,.07)}
.sc-side-brand>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#7c5fff,#4d86ff,#5eeaff);box-shadow:0 0 28px rgba(82,137,255,.22)}
.sc-side-brand strong,.sc-side-brand small{display:block}.sc-side-brand strong{font-size:.6rem;letter-spacing:.1em}.sc-side-brand small{margin-top:2px;color:#6f85a6;font-size:.5rem}
.sc-side-progress{display:grid;gap:8px;margin-top:20px}
.sc-side-progress article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:15px;border:1px solid rgba(139,184,255,.06);background:rgba(255,255,255,.014);opacity:.48;transition:.18s ease}
.sc-side-progress article.active,.sc-side-progress article.done{opacity:1;border-color:rgba(96,230,255,.14);background:linear-gradient(90deg,rgba(104,92,255,.08),rgba(80,206,255,.025))}
.sc-side-progress article>b{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.03);font-size:.55rem}
.sc-side-progress article.active>b,.sc-side-progress article.done>b{background:linear-gradient(145deg,#7d5fff,#4d86ff,#5eeaff)}
.sc-side-progress strong,.sc-side-progress small{display:block}.sc-side-progress strong{font-size:.62rem}.sc-side-progress small{margin-top:2px;color:#6e84a6;font-size:.5rem}.sc-side-progress article>span{color:#5ee0a9;opacity:0}.sc-side-progress article.done>span{opacity:1}
.sc-side-bottom{margin-top:auto;display:grid;gap:10px}.sc-ai-mini{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:10px;border-radius:14px;border:1px solid rgba(139,184,255,.08);background:rgba(255,255,255,.018)}.sc-ai-mini img{width:44px;height:44px;border-radius:13px}.sc-ai-mini strong,.sc-ai-mini small{display:block}.sc-ai-mini strong{font-size:.58rem}.sc-ai-mini small{margin-top:2px;color:#6e84a5;font-size:.48rem}.sc-ai-mini i{width:7px;height:7px;border-radius:50%;background:#59dfa8;box-shadow:0 0 10px #59dfa8}.sc-secure-note{text-align:center;color:#63799b;font-size:.5rem}
.sc-form-stage{min-width:0;padding:22px 26px 26px;position:relative;background:radial-gradient(circle at 100% 0,rgba(80,108,255,.08),transparent 30%)}
.sc-form-kicker{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.sc-form-kicker>span{display:flex;align-items:center;gap:7px;color:#7f96b9;font-size:.52rem;font-weight:900;letter-spacing:.12em}.sc-form-kicker i{width:6px;height:6px;border-radius:50%;background:#61e8ff}.sc-form-kicker small{color:#617698;font-size:.5rem}
.sc-progress-rail{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;gap:8px;align-items:center;margin-bottom:24px;padding:11px 14px;border-radius:16px;border:1px solid rgba(139,184,255,.07);background:rgba(255,255,255,.014)}
.sc-progress-rail>div{display:grid;justify-items:center;gap:4px;color:#61779a}.sc-progress-rail span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.03);font-size:.57rem;font-weight:900}.sc-progress-rail small{font-size:.48rem}.sc-progress-rail>i{height:2px;background:rgba(255,255,255,.045)}.sc-progress-rail>div.active span,.sc-progress-rail>div.done span{background:linear-gradient(145deg,#7c5fff,#4d86ff,#60eaff);color:#fff;box-shadow:0 0 18px rgba(79,141,255,.22)}.sc-progress-rail>div.active small,.sc-progress-rail>div.done small{color:#9fb2cc}.sc-progress-rail>i.done{background:linear-gradient(90deg,#7c5fff,#60eaff)}
.sc-step-head{margin-bottom:20px}.sc-step-head>span{color:#62e9ff;font-size:.55rem;font-weight:900;letter-spacing:.13em}.sc-step-head h2{margin:8px 0 6px;font-size:2.1rem;letter-spacing:-.045em}.sc-step-head p{margin:0;color:#8196b7;font-size:.68rem;line-height:1.6}
.sc-player-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
.sc-player-grid button{min-height:132px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.012))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.sc-player-grid button:hover{transform:translateY(-3px)!important;box-shadow:0 18px 36px rgba(0,0,0,.16)}
.sc-player-grid button.active{background:radial-gradient(circle at 50% 0,rgba(95,229,255,.08),transparent 50%),linear-gradient(180deg,rgba(107,92,255,.11),rgba(75,165,255,.035))!important;border-color:rgba(95,230,255,.32)!important;box-shadow:0 0 0 1px rgba(95,230,255,.05) inset,0 18px 40px rgba(39,77,160,.14)!important}
.sc-player-grid button b{width:58px!important;height:58px!important;border-radius:18px!important;font-size:.76rem!important;box-shadow:0 10px 26px rgba(75,128,255,.24)}
.sc-form .mp-info-box{margin-top:14px!important;background:rgba(255,255,255,.014)!important}
.sc-form .mp-step-footer{position:sticky;bottom:12px;margin-top:18px;padding:10px 12px;border-radius:17px;border:1px solid rgba(139,184,255,.08);background:rgba(4,13,35,.88);backdrop-filter:blur(18px);box-shadow:0 -12px 44px rgba(0,0,0,.18)}
.sc-form .mp-submit{min-height:52px;border-radius:14px;font-size:.66rem}
.sc-form .mp-step{animation:scFade .28s ease both}@keyframes scFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.sc-signup-portal{grid-template-columns:1fr}.sc-progress-side{display:none}.sc-form-stage{padding:20px}.sc-player-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:760px){.sc-hero{padding:16px 6px}.sc-hero h1{font-size:clamp(3rem,14vw,4.8rem)}.sc-hero-stats article{min-width:92px}.sc-signup-portal{border-radius:24px}.sc-form-stage{padding:16px}.sc-player-grid{grid-template-columns:repeat(2,1fr)!important}.sc-progress-rail{overflow-x:auto}.sc-form-kicker small{display:none}}
@media(max-width:480px){.sc-player-grid{grid-template-columns:1fr!important}.sc-hero-stats{display:grid;grid-template-columns:1fr 1fr}.sc-hero-stats article{min-width:0}}


/* ===== LEGENDARY AVATAR STUDIO ===== */
.mp-avatar-legendary-strip{
  display:flex;justify-content:space-between;gap:12px;align-items:center;
  padding:12px 13px;border-radius:16px;border:1px solid rgba(101,232,255,.10);
  background:linear-gradient(90deg,rgba(123,95,255,.055),rgba(95,232,255,.025));
}
.mp-avatar-legendary-strip>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:8px}
.mp-avatar-legendary-strip>div:first-child>span{grid-row:1/3;font-size:1.3rem;color:#6deaff}
.mp-avatar-legendary-strip strong,.mp-avatar-legendary-strip small{display:block}
.mp-avatar-legendary-strip strong{font-size:.62rem}.mp-avatar-legendary-strip small{margin-top:2px;color:#7085a6;font-size:.5rem}
.mp-avatar-legendary-actions{display:flex;gap:6px;flex-wrap:wrap}
.mp-avatar-legendary-actions button{min-height:34px;padding:0 9px;border-radius:10px;border:1px solid rgba(142,184,255,.08);background:rgba(255,255,255,.018);color:#9db0ca;font-size:.49rem}
.mp-saved-avatar-drawer{padding:12px;border-radius:16px;border:1px solid rgba(142,184,255,.08);background:rgba(4,15,39,.96)}
.mp-saved-avatar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.mp-saved-avatar-head span,.mp-saved-avatar-head strong{display:block}.mp-saved-avatar-head span{font-size:.48rem;color:#67eaff;letter-spacing:.12em}.mp-saved-avatar-head strong{margin-top:2px;font-size:.68rem}.mp-saved-avatar-head button{width:32px;height:32px;border:0;border-radius:9px;background:rgba(255,255,255,.03);color:#9cb0cc}
.mp-saved-avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.mp-saved-avatar-grid article{padding:9px;border-radius:13px;border:1px solid rgba(142,184,255,.07);background:rgba(255,255,255,.016)}
.mp-saved-avatar-grid article>div{aspect-ratio:1;border-radius:12px;overflow:hidden;background:#0a1b42}.mp-saved-avatar-grid svg,.mp-saved-avatar-grid img{width:100%;height:100%;object-fit:cover}
.mp-saved-avatar-grid strong,.mp-saved-avatar-grid small{display:block}.mp-saved-avatar-grid strong{margin-top:6px;font-size:.53rem}.mp-saved-avatar-grid small{margin:2px 0 6px;color:#7085a7;font-size:.46rem}.mp-saved-avatar-grid button{width:100%;margin-top:4px;min-height:30px;border-radius:8px;border:1px solid rgba(142,184,255,.07);background:rgba(255,255,255,.018);color:#93a8c7;font-size:.47rem}
@media(max-width:900px){.mp-saved-avatar-grid{grid-template-columns:repeat(2,1fr)}.mp-avatar-legendary-strip{align-items:flex-start;flex-direction:column}}


/* AMIGOS AI SOL */
.amigos-sol-thinking{display:inline-flex;align-items:center;gap:4px;color:#9fb5d5}
.amigos-sol-thinking span{display:inline-block;animation:solPulse 1s infinite alternate}
@keyframes solPulse{from{opacity:.35}to{opacity:1}}
.signature-chat-status span:first-child i{
  box-shadow:0 0 14px rgba(89,224,168,.75)!important;
}


/* AMIGOS AI SOL V2 — avatar + chat premium */
.signature-chat-fab-orb,
.signature-chat-avatar{
  overflow:hidden!important;
  background:linear-gradient(145deg,#765dff,#4e8aff,#64eaff)!important;
}
.signature-chat-fab-orb img,
.signature-chat-avatar img,
.amigos-ai-avatar-img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  visibility:visible!important;
}
.signature-chat-fab-orb img{border-radius:inherit!important}
.signature-chat-avatar img{border-radius:inherit!important}
.signature-chat-panel{
  border:1px solid rgba(104,205,255,.18)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.55),0 0 60px rgba(78,132,255,.13)!important;
}
.signature-chat-header{
  min-height:70px!important;
}
.signature-chat-messages{
  min-height:280px!important;
}
.signature-bubble.ai{
  border:1px solid rgba(132,180,255,.11)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.10);
}
.signature-bubble.user{
  box-shadow:0 10px 28px rgba(58,104,255,.20);
}
.amigos-ai-thinking-bubble{
  width:max-content!important;
}
.amigos-sol-thinking{
  gap:7px!important;
}
.amigos-sol-thinking b{
  color:#ddebff;
  font-weight:850;
}
.amigos-sol-thinking span{
  color:#6beaff;
  letter-spacing:.16em;
}
.amigos-cloud-online,.amigos-local-online{
  display:inline-flex!important;
  align-items:center;
  gap:6px;
}
.amigos-cloud-online i,.amigos-local-online i{
  width:7px;height:7px;border-radius:50%;display:inline-block;
}
.amigos-cloud-online i{background:#58dfa7;box-shadow:0 0 13px rgba(88,223,167,.8)}
.amigos-local-online i{background:#ffd26b;box-shadow:0 0 13px rgba(255,210,107,.65)}


/* ===== APEX AUTH POLISH ===== */
.mp-signup-card,.mp-auth-card{
  box-shadow:0 46px 140px rgba(0,0,0,.38),0 0 70px rgba(74,126,255,.08)!important;
}
.mp-step-head h2,.mp-card-top h2{
  background:linear-gradient(135deg,#fff,#d8e4ff 60%,#6feaff);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.mp-player-grid button.active{
  box-shadow:0 0 0 1px rgba(100,232,255,.08) inset,0 18px 40px rgba(49,101,220,.12)!important;
}
.mp-avatar-preview{
  box-shadow:0 28px 70px rgba(67,119,255,.26),0 0 42px rgba(96,232,255,.10)!important;
}