/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-m8b4vi1kfw],
.components-reconnect-repeated-attempt-visible[b-m8b4vi1kfw],
.components-reconnect-failed-visible[b-m8b4vi1kfw],
.components-pause-visible[b-m8b4vi1kfw],
.components-resume-failed-visible[b-m8b4vi1kfw],
.components-rejoining-animation[b-m8b4vi1kfw] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-m8b4vi1kfw],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-m8b4vi1kfw],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-m8b4vi1kfw],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-m8b4vi1kfw],
#components-reconnect-modal.components-reconnect-retrying[b-m8b4vi1kfw],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-m8b4vi1kfw],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-m8b4vi1kfw],
#components-reconnect-modal.components-reconnect-failed[b-m8b4vi1kfw],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-m8b4vi1kfw] {
    display: block;
}


#components-reconnect-modal[b-m8b4vi1kfw] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-m8b4vi1kfw 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-m8b4vi1kfw 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-m8b4vi1kfw 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-m8b4vi1kfw]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-m8b4vi1kfw 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-m8b4vi1kfw {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-m8b4vi1kfw {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-m8b4vi1kfw {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-m8b4vi1kfw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-m8b4vi1kfw] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-m8b4vi1kfw] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-m8b4vi1kfw] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-m8b4vi1kfw] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-m8b4vi1kfw] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-m8b4vi1kfw] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-m8b4vi1kfw 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-m8b4vi1kfw] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-m8b4vi1kfw {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Index.razor.rz.scp.css */
body[b-btpnglvb8g],html[b-btpnglvb8g]{margin:0;padding:0;width:100%;height:100%;background-color:#030407;font-family:Inter,system-ui,-apple-system,sans-serif;color:#f8fafc;overflow-x:hidden}.fitplan-cyber-hero[b-btpnglvb8g]{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#030407;overflow:hidden}.cyber-grid-overlay[b-btpnglvb8g]{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;z-index:1}.cyber-glow[b-btpnglvb8g]{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(120px);z-index:1;opacity:.35;pointer-events:none;animation:10s ease-in-out infinite alternate floatGlow-b-btpnglvb8g}.text-gradient[b-btpnglvb8g]{background:linear-gradient(135deg,#ef4444 0,#dc2626 50%,#991b1b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(239, 68, 68, .4))}.glow-1[b-btpnglvb8g]{top:-10%;left:-10%;background:linear-gradient(135deg,#dc2626,#450a0a)}.glow-2[b-btpnglvb8g]{bottom:-10%;right:-10%;background:linear-gradient(135deg,#991b1b,#7f1d1d);animation-delay:-5s}.cyber-card[b-btpnglvb8g]{position:relative;z-index:3;width:90%;max-width:480px;padding:3.5rem 2.5rem;background:rgba(10,14,23,.8);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(239,68,68,.15);border-radius:28px;box-shadow:0 30px 60px rgba(0,0,0,.9),inset 0 1px 0 rgba(239,68,68,.2);text-align:center;animation:1s cubic-bezier(.16,1,.3,1) cardAppear-b-btpnglvb8g}.cyber-title[b-btpnglvb8g]{font-size:3rem;font-weight:900;letter-spacing:-.04em;color:#fff;margin-bottom:1.25rem}.cyber-subtitle[b-btpnglvb8g]{font-size:.95rem;color:#94a3b8;line-height:1.7;margin-bottom:2.5rem}.btn-cyber-google[b-btpnglvb8g]{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;background:linear-gradient(135deg,#0f172a 0,#1e293b 100%);color:#fff;font-weight:600;font-size:.95rem;padding:1rem 1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.15);cursor:pointer;overflow:hidden;transition:.4s cubic-bezier(.4, 0, .2, 1);box-shadow:0 10px 25px -5px rgba(0,0,0,.5);text-decoration:none}.btn-cyber-google:hover[b-btpnglvb8g]{transform:translateY(-3px);border-color:rgba(239,68,68,.6);box-shadow:0 15px 35px -5px rgba(239,68,68,.3);background:linear-gradient(135deg,#1e1b1b 0,#291515 100%);color:#fff}.btn-cyber-google svg[b-btpnglvb8g]{width:20px;height:20px;flex-shrink:0}@keyframes floatGlow-b-btpnglvb8g{0%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,50px) scale(1.1)}100%{transform:translate(-20px,-30px) scale(.95)}}@keyframes cardAppear-b-btpnglvb8g{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseDot-b-btpnglvb8g{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@media (max-width:576px){.cyber-card[b-btpnglvb8g]{padding:2.5rem 1.5rem;width:92%}.cyber-title[b-btpnglvb8g]{font-size:2.4rem}}
