/* ══ CONTENT WRAPPER — acima das órbitas ════════════════════════════════ */
.mf-center-content{
    position:relative;z-index:2;
    display:flex;flex-direction:column;align-items:center;
    width:100%;
}

/* ══ LOGO ROW ════════════════════════════════════════════════════════════ */
.mf-ready-logo-row{
    display:flex;align-items:center;justify-content:center;
    gap:20px;margin-bottom:12px;
}
.mf-icon-lg{
    width:72px;height:72px;
    background:linear-gradient(135deg,var(--green),var(--green-dark));
    border-radius:20px;display:flex;align-items:center;justify-content:center;
    font-weight:900;font-size:26px;color:#030d07;font-family:var(--mono);
    box-shadow:0 0 60px var(--green-glow),0 0 120px rgba(18,232,136,.12),0 8px 32px rgba(0,0,0,.8);
    animation:logoPulse 2s ease-in-out infinite;flex-shrink:0;
}
.mf-brand-col{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.mflow-ready-logo{
    font-size:clamp(54px,8vw,82px)!important;
    font-weight:900!important;letter-spacing:-4px!important;
    color:var(--text)!important;line-height:.95!important;
}
.mf-slogan{
    font-size:10px;color:rgba(18,232,136,.7);
    letter-spacing:3.5px;font-weight:600;text-transform:uppercase;
    opacity:0;animation:mfFadeUp .7s ease-out .5s forwards;
}

/* Badge versão */
.mflow-ready-version{
    font-size:10px;background:rgba(14,203,129,.07);color:var(--green);
    padding:6px 18px;border-radius:20px;font-weight:700;
    border:1px solid rgba(14,203,129,.18);letter-spacing:1px;
    display:inline-flex;align-items:center;gap:10px;
    margin-bottom:26px;
    opacity:0;animation:mfFadeUp .6s ease-out .7s forwards;
}
.mf-app-badge{
    background:rgba(59,158,255,.13);color:#5aadff;
    border:1px solid rgba(59,158,255,.25);padding:3px 9px;
    border-radius:10px;font-size:9px;font-weight:700;letter-spacing:.5px;
    animation:mfPulseBlue 2.5s ease-in-out infinite;
}

/* ══ 3 ANÉIS DE ÓRBITA ═══════════════════════════════════════════════════ */
.mf-orbit-wrap{
    position:absolute;
    top:65px;left:50%;
    transform:translateX(-50%);
    width:380px;height:290px;
    pointer-events:none;z-index:0;
    overflow:visible;
}
.mf-orb{
    position:absolute;border-radius:50%;
    border:1px solid rgba(18,232,136,.14);
    top:50%;left:50%;
}
/* Ponto brilhante que orbita */
.mf-orb::after{
    content:'';position:absolute;
    width:5px;height:5px;border-radius:50%;
    background:var(--green);
    box-shadow:0 0 10px var(--green),0 0 22px rgba(18,232,136,.55);
    top:-3px;left:calc(50% - 3px);
}
/* Órbita 1 — elipse larga e plana (inclinação frontal) */
.mf-orb-1{
    width:340px;height:78px;
    margin:-39px 0 0 -170px;
    animation:mfOrbSpin 8s linear infinite;
}
/* Órbita 2 — elipse média com inclinação diferente */
.mf-orb-2{
    width:230px;height:148px;
    margin:-74px 0 0 -115px;
    border-color:rgba(18,232,136,.09);
    animation:mfOrbSpin 13s linear infinite reverse;
}
.mf-orb-2::after{
    box-shadow:0 0 8px rgba(18,232,136,.6),0 0 16px rgba(18,232,136,.3);
}
/* Órbita 3 — elipse alta e estreita (quase vertical) */
.mf-orb-3{
    width:150px;height:250px;
    margin:-125px 0 0 -75px;
    border-color:rgba(18,232,136,.06);
    animation:mfOrbSpin 18s linear infinite;
}
.mf-orb-3::after{
    background:rgba(18,232,136,.5);
    box-shadow:0 0 6px rgba(18,232,136,.4);
}
@keyframes mfOrbSpin{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}

/* ══ BOTÃO — outline neon pulsando ══════════════════════════════════════ */
.mflow-ready-btn{
    opacity:0;animation:mfFadeUp .7s ease-out .9s forwards;
    margin-bottom:28px!important;margin-top:0!important;
}
.mflow-ready-btn button{
    background:transparent!important;
    border:1.5px solid rgba(18,232,136,.8)!important;
    color:var(--green)!important;
    padding:17px 56px!important;border-radius:12px!important;
    font-size:12px!important;font-weight:800!important;cursor:pointer;
    font-family:var(--mono)!important;letter-spacing:4px!important;
    text-transform:uppercase;
    animation:mfBtnPulse 2.5s ease-in-out infinite!important;
    transition:background .25s,transform .25s!important;
    display:flex;align-items:center;gap:10px;
    box-shadow:0 0 16px rgba(18,232,136,.12)!important;
}
.mflow-ready-btn button:hover{
    background:rgba(18,232,136,.07)!important;
    box-shadow:0 0 40px rgba(18,232,136,.35),inset 0 0 30px rgba(18,232,136,.05)!important;
    transform:translateY(-3px)!important;
}
.mflow-ready-btn button:active{transform:translateY(0)!important}
.mf-btn-icon{font-size:14px;animation:mfBtnIconPulse 2.5s ease-in-out infinite}
@keyframes mfBtnPulse{
    0%,100%{
        box-shadow:0 0 12px rgba(18,232,136,.14),inset 0 0 10px rgba(18,232,136,.02);
        border-color:rgba(18,232,136,.6);
    }
    50%{
        box-shadow:0 0 28px rgba(18,232,136,.4),inset 0 0 18px rgba(18,232,136,.06);
        border-color:rgba(18,232,136,1);
    }
}
@keyframes mfBtnIconPulse{
    0%,100%{opacity:.6;transform:scale(1)}
    50%{opacity:1;transform:scale(1.15)}
}

/* ══ REVELAÇÕES — texto que surge e some ════════════════════════════════ */
.mf-reveals-section{
    opacity:0;animation:mfFadeUp .7s ease-out 1.15s forwards;
    display:flex;flex-direction:column;align-items:center;
    margin-bottom:22px;width:100%;
}
.mf-reveals-label{
    font-size:8px;color:rgba(18,232,136,.4);
    letter-spacing:3.5px;font-weight:700;text-transform:uppercase;
    margin-bottom:16px;
    display:flex;align-items:center;gap:14px;
}
.mf-reveals-label::before{
    content:'';flex:1;height:1px;max-width:48px;
    background:linear-gradient(90deg,transparent,rgba(18,232,136,.18));
}
.mf-reveals-label::after{
    content:'';flex:1;height:1px;max-width:48px;
    background:linear-gradient(90deg,rgba(18,232,136,.18),transparent);
}
.mf-reveal-wrap{
    position:relative;height:92px;
    display:flex;align-items:center;justify-content:center;
    width:100%;margin-bottom:14px;
}
.mf-reveal-item{
    position:absolute;
    display:flex;flex-direction:column;align-items:center;gap:7px;
    opacity:0;transform:scale(.93) translateY(10px);
    transition:opacity .65s ease,transform .65s ease;
    text-align:center;pointer-events:none;
    width:100%;
}
.mf-reveal-item.active{
    opacity:1;transform:scale(1) translateY(0);
}
.mf-rv-icon{
    font-size:30px;line-height:1;
    filter:drop-shadow(0 0 14px rgba(18,232,136,.45));
}
.mf-rv-text{
    font-size:18px;font-weight:800;
    color:var(--text);letter-spacing:.5px;
    text-shadow:0 2px 24px rgba(18,232,136,.2);
}
.mf-rv-sub{
    font-size:9px;color:rgba(18,232,136,.45);
    letter-spacing:2.5px;text-transform:uppercase;font-weight:600;
}
.mf-reveal-dots{display:flex;gap:8px;justify-content:center}
.mf-rvdot{
    width:4px;height:4px;border-radius:50%;
    background:rgba(18,232,136,.18);
    transition:background .4s,transform .4s;
}
.mf-rvdot.active{background:var(--green);transform:scale(1.6)}

/* ══ STATS ════════════════════════════════════════════════════════════════ */
.mflow-stats-row{
    opacity:0;animation:mfFadeUp .6s ease-out 1.45s forwards;
    display:flex!important;align-items:center!important;
    gap:24px!important;margin-top:0!important;
}
.mflow-stat-val{
    font-size:15px!important;font-weight:900!important;
    color:var(--text)!important;font-family:var(--mono)!important;
    letter-spacing:-.5px!important;
}
.mflow-stat-lbl{
    font-size:8px!important;color:var(--text-dim)!important;
    text-transform:uppercase!important;letter-spacing:1.5px!important;
    font-weight:600!important;margin-top:3px!important;
}
.mflow-stat-div{
    width:1px;height:28px;
    background:linear-gradient(180deg,transparent,rgba(255,255,255,.1),transparent);
}

/* ══ MODAL v2.4 ══════════════════════════════════════════════════════════ */
.mf-modal-slogan{
    display:block;margin-top:6px;
    font-size:9px;color:rgba(18,232,136,.55);
    letter-spacing:2.5px;font-weight:700;
    text-transform:uppercase;font-family:var(--mono);
}
.mf-modal-sep{
    display:block;width:36px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(18,232,136,.25),transparent);
    margin:10px auto 0;
}

/* ══ BOOT SCREEN ══════════════════════════════════════════════════════════ */
#boot-name-display{
    font-size:clamp(36px,7vw,58px)!important;
    font-family:"JetBrains Mono",monospace!important;
    font-weight:800!important;color:var(--green)!important;
    letter-spacing:8px!important;
    text-shadow:
        0 0 30px var(--green-glow),
        0 0 60px rgba(18,232,136,.15),
        0 0 100px rgba(18,232,136,.06)!important;
    animation:mfNameGlitch 5s ease-in-out infinite!important;
    will-change:transform,text-shadow;
}
#boot-name-display::after{
    content:"█"!important;
    animation:mfCursorBlink .6s step-end infinite!important;
    margin-left:4px!important;opacity:.9!important;
    color:var(--green)!important;
    filter:drop-shadow(0 0 8px var(--green))!important;
}
#welcome-name-display{
    font-family:"JetBrains Mono",monospace!important;
    font-size:clamp(26px,5vw,40px)!important;
    font-weight:800!important;letter-spacing:6px!important;
    text-shadow:0 0 30px var(--green-glow),0 0 60px rgba(18,232,136,.15)!important;
    color:var(--green)!important;
}
.boot-logo-icon{
    box-shadow:0 0 60px var(--green-glow),0 0 120px rgba(18,232,136,.1),0 8px 32px rgba(0,0,0,.7)!important;
}
.boot-logo-version{font-size:12px!important;padding:5px 13px!important;letter-spacing:.5px!important}
.boot-welcome{
    color:rgba(18,232,136,.8)!important;letter-spacing:4px!important;
    font-size:11px!important;font-family:"JetBrains Mono",monospace!important;
}
.boot-logs .log-line{
    color:rgba(18,232,136,.55)!important;font-size:10px!important;
    padding:1px 0!important;transition:color .2s!important;
}
.boot-logs .log-line:last-child{color:rgba(18,232,136,.9)!important}

/* ══ ANIMAÇÕES ════════════════════════════════════════════════════════════ */
@keyframes mfNameGlitch{
    0%,82%,100%{
        text-shadow:0 0 30px var(--green-glow),0 0 60px rgba(18,232,136,.15);
        transform:translateX(0) skewX(0);
    }
    83%{text-shadow:4px 0 #ff3d5a,-4px 0 #3b9eff,0 0 30px var(--green-glow);transform:translateX(4px) skewX(-1.5deg)}
    84%{text-shadow:-4px 0 #ff3d5a,4px 0 #3b9eff;transform:translateX(-4px) skewX(1.5deg)}
    85%{text-shadow:0 0 30px var(--green-glow);transform:translateX(0) skewX(0)}
    87%{text-shadow:2px 0 #ff3d5a,-2px 0 #3b9eff,0 0 30px var(--green-glow);transform:translateX(2px)}
    88%{text-shadow:0 0 30px var(--green-glow);transform:translateX(0)}
}
@keyframes mfCursorBlink{0%,100%{opacity:.9}50%{opacity:0}}
@keyframes mfFadeUp{
    from{opacity:0;transform:translateY(14px)}
    to{opacity:1;transform:translateY(0)}
}
@keyframes mfPulseBlue{
    0%,100%{opacity:1;box-shadow:0 0 0 rgba(59,158,255,0)}
    50%{opacity:.65;box-shadow:0 0 14px rgba(59,158,255,.2)}
}

/* ══ MOBILE ═══════════════════════════════════════════════════════════════ */
@media(max-width:768px){
    .mf-icon-lg{width:54px;height:54px;font-size:20px;border-radius:15px}
    .mflow-ready-logo{font-size:clamp(40px,10vw,54px)!important}
    .mf-slogan{font-size:9px;letter-spacing:2px}
    .mflow-ready-version{font-size:9px;padding:5px 12px;margin-bottom:18px}
    .mflow-ready-btn{margin-bottom:20px!important}
    .mflow-ready-btn button{padding:15px 36px!important;font-size:11px!important;letter-spacing:3px!important}
    .mf-reveals-section{margin-bottom:16px}
    .mf-reveal-wrap{height:80px}
    .mf-rv-text{font-size:15px}
    .mf-rv-icon{font-size:24px}
    .mf-orbit-wrap{top:50px;width:290px;height:220px}
    .mf-orb-1{width:260px;height:58px;margin:-29px 0 0 -130px}
    .mf-orb-2{width:175px;height:110px;margin:-55px 0 0 -88px}
    .mf-orb-3{width:114px;height:190px;margin:-95px 0 0 -57px}
    .mflow-stats-row{gap:14px!important}
    .mflow-stat-val{font-size:13px!important}
    #boot-name-display{font-size:clamp(28px,8vw,40px)!important;letter-spacing:5px!important}
    #welcome-name-display{font-size:clamp(20px,6vw,30px)!important;letter-spacing:4px!important}
}
/* ══ ANTI-FLASH — esconde conteúdo antigo antes do JS rodar ═════════════ */
.modal-subtitle{display:none!important;}
.modal-desc{display:none!important;}
.modal-logo-badge{
    font-size:0!important;padding:2px 8px!important;
    display:inline-flex!important;align-items:center!important;
    justify-content:center!important;min-width:28px!important;
    vertical-align:middle!important;
}
.modal-logo-badge::after{
    content:'2.4';font-size:10px!important;font-weight:800!important;
    color:var(--green)!important;display:block!important;line-height:1!important;
}

/* ══ MODAL v2.4 ELITE — redesign completo ════════════════════════════════ */
.modal-box{
    background:linear-gradient(170deg,#0d1520 0%,#07090f 100%)!important;
    border:1px solid rgba(18,232,136,.07)!important;
    padding:44px 36px 36px!important;
    box-shadow:0 60px 120px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.02),0 0 80px rgba(18,232,136,.04)!important;
}
.modal-logo{
    flex-direction:column!important;align-items:center!important;
    gap:0!important;margin-bottom:26px!important;
}
.modal-logo-icon{
    width:80px!important;height:80px!important;font-size:28px!important;
    border-radius:24px!important;margin-bottom:16px!important;
    box-shadow:0 0 60px var(--green-glow),0 0 120px rgba(18,232,136,.12),0 12px 32px rgba(0,0,0,.85)!important;
}
.mf-modal-brand{
    font-size:34px;font-weight:900;letter-spacing:-2px;
    color:var(--text);font-family:var(--font);line-height:1;margin-bottom:10px;
}
.mf-modal-vbadge{
    font-size:9px;background:rgba(14,203,129,.09);color:var(--green);
    padding:4px 14px;border-radius:20px;font-weight:700;letter-spacing:1px;
    border:1px solid rgba(14,203,129,.18);display:inline-block;margin-bottom:8px;
}
.mf-modal-tag{
    font-size:9px;color:rgba(18,232,136,.4);letter-spacing:2.5px;
    font-weight:600;text-transform:uppercase;font-family:var(--mono);
}
.mf-modal-hr{
    width:100%;height:1px;
    background:linear-gradient(90deg,transparent,rgba(18,232,136,.1),transparent);
    margin:20px 0 22px;
}
.license-input{
    border-color:rgba(18,232,136,.12)!important;
    background:rgba(0,0,0,.5)!important;
    font-size:28px!important;letter-spacing:10px!important;
}
.btn-activate{
    border-radius:14px!important;font-size:12px!important;
    letter-spacing:3px!important;padding:18px!important;
    background:linear-gradient(135deg,var(--green-dark),var(--green))!important;
    box-shadow:0 8px 32px var(--green-glow),0 1px 0 rgba(255,255,255,.15) inset!important;
}

/* ══ STATS — card unificado com ícones ════════════════════════════════════ */
.mflow-stats-row{
    opacity:0;animation:mfFadeUp .6s ease-out 1.75s forwards;
    display:flex!important;align-items:stretch!important;
    gap:8px!important;margin-top:22px!important;
    padding:14px 18px!important;
    background:rgba(18,232,136,.025)!important;
    border:1px solid rgba(18,232,136,.07)!important;
    border-radius:16px!important;
}
.mflow-stat-item{
    display:flex;flex-direction:column;align-items:center;
    gap:3px;padding:8px 16px;flex:1;
}
.mf-stat-icon{
    font-size:14px;
    filter:drop-shadow(0 0 6px rgba(18,232,136,.3));
}
.mflow-stat-val{
    font-size:14px!important;font-weight:900!important;
    color:var(--green)!important;
    text-shadow:0 0 14px rgba(18,232,136,.25)!important;
}
.mflow-stat-lbl{
    font-size:8px!important;color:var(--text-dim)!important;
    text-transform:uppercase!important;letter-spacing:1.5px!important;
    font-weight:600!important;margin-top:2px!important;
}
.mflow-stat-div{
    width:1px;align-self:stretch;
    background:linear-gradient(180deg,transparent,rgba(18,232,136,.1),transparent);
}

/* ══ FOOTER — dois andares ════════════════════════════════════════════════ */
.mflow-footer-bar{
    flex-direction:column!important;gap:5px!important;
    align-items:center!important;
    border-top:1px solid rgba(18,232,136,.07)!important;
    padding-top:14px!important;
}
.mf-footer-brand{
    font-size:10px;font-weight:800;
    color:rgba(255,255,255,.55);letter-spacing:3px;text-transform:uppercase;
}
.mf-footer-sub{
    display:flex;align-items:center;gap:8px;
    font-size:8px;color:rgba(18,232,136,.35);
}