#mfnx-ov{position:fixed;inset:0;background:rgba(20,16,8,.55);z-index:99998;display:none;opacity:0;transition:opacity .25s}
#mfnx-ov.on{display:block;opacity:1}
#mfnx{position:fixed;top:50%;left:50%;transform:translate(-50%,-46%) scale(.96);z-index:99999;display:none;opacity:0;
 width:min(640px,94vw);border-radius:20px;background:#fff;border:2px solid #d96b3f;
 box-shadow:0 24px 64px rgba(60,30,5,.28);transition:opacity .25s,transform .25s;font-family:inherit;text-align:left}
#mfnx.on{display:block;opacity:1;transform:translate(-50%,-50%) scale(1)}
#mfnx-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:#d96b3f;color:#fff;
 font-weight:800;font-size:12.5px;letter-spacing:.08em;padding:8px 20px;border-radius:999px;z-index:2;
 box-shadow:0 4px 12px rgba(217,107,63,.35);white-space:nowrap}
#mfnx-x{position:absolute;top:8px;right:10px;border:0;background:#f6efe4;width:44px;height:44px;border-radius:50%;
 display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:#736955;cursor:pointer;z-index:2}
#mfnx-x:hover{background:#ecdfcd;color:#312b22}
#mfnx-x:focus-visible{outline:3px solid #2e6fb0;outline-offset:3px}
#mfnx-flex{display:flex;align-items:stretch;border-radius:18px;overflow:hidden}
#mfnx-left{flex:0 0 44%;background:#faf3e7;display:flex;flex-direction:column;justify-content:center;padding:26px 0 26px 26px}
#mfnx-frame{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1/1.06;background:#fff;
 box-shadow:0 8px 22px rgba(60,30,5,.14)}
#mfnx-pic{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
#mfnx-cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(17,12,6,.78));
 color:#fff;font-size:12px;font-weight:700;padding:26px 12px 10px;line-height:1.4;text-align:center}
#mfnx-body{flex:1;padding:38px 30px 26px;display:flex;flex-direction:column;justify-content:center}
#mfnx-kick{color:#d96b3f;font-weight:800;font-size:13.5px;letter-spacing:.05em;text-transform:uppercase;margin:0 0 10px}
#mfnx h3{margin:0;font-size:52px;line-height:.95;color:#111;font-weight:900;letter-spacing:-.02em}
#mfnx-sub{margin:8px 0 0;font-size:18px;font-weight:700;color:#111}
#mfnx-plus{margin:2px 0 16px;font-size:14.5px;color:#6b6355}
#mfnx-steps{display:flex;align-items:center;margin:0 0 14px}
#mfnx-steps .st{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#9a8d7b}
#mfnx-steps .st .n{width:22px;height:22px;border-radius:50%;background:#efe6d8;color:#9a8d7b;display:flex;
 align-items:center;justify-content:center;font-size:12px;font-weight:800;transition:all .35s}
#mfnx-steps .st.active{color:#d96b3f}
#mfnx-steps .st.active .n{background:#d96b3f;color:#fff}
#mfnx.done #mfnx-steps .st{color:#2e9e57}
#mfnx.done #mfnx-steps .st .n{background:#2e9e57;color:#fff}
#mfnx-steps .track{flex:1;height:2px;background:#efe6d8;margin:0 10px;position:relative;min-width:28px}
#mfnx-steps .track i{position:absolute;inset:0;background:#2e9e57;transform:scaleX(0);transform-origin:left;transition:transform .5s;display:block}
#mfnx.done #mfnx-steps .track i{transform:scaleX(1)}
#mfnx-inwrap{position:relative}
#mfnx-in{width:100%;box-sizing:border-box;padding:15px 44px 15px 16px;font-size:16.5px;border:2px solid #e5dccb;border-radius:12px;
 outline:none;background:#fff;transition:border-color .3s,box-shadow .3s,background-color .3s;text-align:center;font-weight:600;color:#111}
#mfnx-in::placeholder{color:#b9ad99;font-weight:500}
#mfnx-in:focus{border-color:#d96b3f;box-shadow:0 0 0 4px rgba(217,107,63,.12)}
#mfnx.ok #mfnx-in{border-color:#2e9e57;background:#f2fbf5;box-shadow:0 0 0 4px rgba(46,158,87,.12)}
#mfnx.bad #mfnx-in{border-color:#d64545;background:#fff1f1;box-shadow:0 0 0 4px rgba(214,69,69,.14)}
#mfnx-in.key{animation:mfnxKey .3s ease-out}
@keyframes mfnxKey{0%{box-shadow:0 0 0 3px rgba(217,107,63,.25)}100%{box-shadow:0 0 0 10px rgba(217,107,63,0)}}
#mfnx-check{position:absolute;right:13px;top:50%;width:22px;height:22px;border-radius:50%;background:#2e9e57;
 display:flex;align-items:center;justify-content:center;transform:translateY(-50%) scale(0);transition:transform .35s cubic-bezier(.34,1.7,.5,1)}
#mfnx.ok #mfnx-check{transform:translateY(-50%) scale(1)}
#mfnx-check svg{width:12px;height:12px}
#mfnx-prog{height:4px;border-radius:99px;background:#f1e7d8;margin-top:8px;overflow:hidden}
#mfnx-prog i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#d96b3f,#e8a13f,#9ec44f,#2e9e57);
 background-size:400px 100%;transition:width .35s cubic-bezier(.4,0,.2,1)}
#mfnx.done #mfnx-prog{display:none}
#mfnx.ok #mfnx-btn{position:relative;overflow:hidden}
#mfnx.ok #mfnx-btn::after{content:'';position:absolute;top:0;left:-80%;width:60%;height:100%;
 background:linear-gradient(105deg,transparent,rgba(255,255,255,.45),transparent);animation:mfnxShine 1.4s ease .15s 2}
@keyframes mfnxShine{to{left:130%}}
.mfnx-cf{position:absolute;width:8px;height:12px;border-radius:2px;pointer-events:none;z-index:3;
 animation:mfnxFall 1.1s cubic-bezier(.3,.6,.4,1) forwards}
@keyframes mfnxFall{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--dx),110px) rotate(var(--rot))}}
#mfnx.done #mfnx-code{animation:mfnxReveal .6s cubic-bezier(.34,1.4,.5,1);cursor:pointer}
@keyframes mfnxReveal{0%{transform:scale(.85);letter-spacing:.3em;opacity:0}100%{transform:scale(1);letter-spacing:.06em;opacity:1}}
#mfnx-btn{width:100%;margin-top:12px;padding:16px;font-size:18px;font-weight:800;border:0;border-radius:12px;
 background:#f1e7d8;color:#b3a288;cursor:not-allowed;transition:all .35s}
#mfnx.ok #mfnx-btn{background:#d96b3f;color:#fff;cursor:pointer;box-shadow:0 8px 20px rgba(217,107,63,.35)}
#mfnx.ok #mfnx-btn:hover{background:#c05a30}
#mfnx-code{display:none;margin:0;padding:15px;border:2px solid #2e9e57;border-radius:12px;text-align:center;
 font-size:21px;font-weight:800;letter-spacing:.06em;color:#166b33;background:#f2fbf5}
#mfnx-code small{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;color:#5aa877;margin-bottom:2px}
#mfnx.done #mfnx-code{display:block}
#mfnx.done #mfnx-in,#mfnx.done #mfnx-btn,#mfnx.done #mfnx-ph,#mfnx.done #mfnx-smslbl{display:none}
#mfnx-go{display:none;margin-top:12px;padding:16px;font-size:18px;font-weight:800;border-radius:12px;text-align:center;
 background:#d96b3f;color:#fff!important;text-decoration:none;box-shadow:0 8px 20px rgba(217,107,63,.35)}
#mfnx.done #mfnx-go{display:block}
#mfnx-fine{margin:12px 0 0;font-size:12.5px;color:#a99c86;text-align:center;font-weight:600}
@media(max-width:600px){#mfnx-left{display:none}#mfnx-body{padding:42px 22px 22px}#mfnx h3{font-size:40px}}
#mfnx-inwrap .mfw-email-ac{position:absolute;left:0;right:0;top:100%;margin-top:5px;background:#fff;border:1.5px solid #e5dccb;border-radius:12px;box-shadow:0 10px 24px rgba(60,30,5,.16);z-index:100000;overflow:hidden;display:none;text-align:left}
#mfnx-inwrap .mfw-email-ac.show{display:block}
#mfnx-inwrap .mfw-email-ac.mfw-ac-up{top:auto;bottom:100%;margin-top:0;margin-bottom:5px}
#mfnx-inwrap .mfw-ac-opt{padding:13px 16px;min-height:44px;box-sizing:border-box;display:flex;align-items:center;font-size:16px;color:#111;cursor:pointer;font-weight:600}
#mfnx-inwrap .mfw-ac-opt b{color:#a8502e;font-weight:700}
#mfnx-inwrap .mfw-ac-opt:hover,#mfnx-inwrap .mfw-ac-opt.hl{background:#faf3e7}
#mfnx-inwrap .mfw-ac-opt+.mfw-ac-opt{border-top:1px solid #f3ede3}
#mfnx.done .mfw-email-ac{display:none!important}
#mfnx h3{font-size:38px;line-height:1.02}
#mfnx-hint{display:none;margin:7px 2px 0;font-size:13px;font-weight:700;color:#e59b9b;text-align:left;letter-spacing:.2px}
#mfnx-hint.on{display:block}
@media(max-width:600px){#mfnx h3{font-size:32px}}