/* /Components/Layout/LandingLayout.razor.rz.scp.css */
.landing-shell[b-txm10k6cvu]{min-height:100vh;display:flex;flex-direction:column;background:var(--canvas)}
.landing-nav[b-txm10k6cvu]{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:2rem;padding:.9rem clamp(1rem,4vw,3rem);background:rgba(255,255,255,.92);border-bottom:1px solid var(--line)}
.landing-nav .brand[b-txm10k6cvu]{font-size:1.1rem}
.landing-nav-links[b-txm10k6cvu]{display:flex;gap:1.5rem;flex:1}
.landing-nav-links a[b-txm10k6cvu]{color:var(--muted);font-size:.9rem;font-weight:600}
.landing-nav-links a:hover[b-txm10k6cvu]{color:var(--primary)}
.landing-nav-actions[b-txm10k6cvu]{display:flex;gap:.6rem}
.landing-nav-actions .btn[b-txm10k6cvu]{padding:.55rem 1rem;font-size:.87rem}
.landing-footer[b-txm10k6cvu]{margin-top:auto;background:#17142f;color:#bdb8d0}
.landing-footer-inner[b-txm10k6cvu]{max-width:1100px;margin:0 auto;padding:3rem 1.5rem 1.5rem}
.landing-footer-grid[b-txm10k6cvu]{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr .9fr;gap:2rem}
.landing-footer .brand[b-txm10k6cvu]{color:#fff}
.landing-footer-brand p[b-txm10k6cvu]{margin:.8rem 0 0;font-size:.85rem;max-width:280px;line-height:1.55}
.landing-footer-col[b-txm10k6cvu]{display:flex;flex-direction:column;gap:.55rem}
.landing-footer-col strong[b-txm10k6cvu]{color:#fff;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:.35rem}
.landing-footer-col a[b-txm10k6cvu]{color:#bdb8d0;font-size:.85rem;font-weight:600}
.landing-footer-col a:hover[b-txm10k6cvu]{color:#fff}
.landing-footer-bottom[b-txm10k6cvu]{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);margin-top:2.2rem;padding-top:1.2rem;font-size:.78rem;color:#817b9e}
@media(max-width:767.98px){.landing-footer-grid[b-txm10k6cvu]{grid-template-columns:1fr 1fr}}
@media(max-width:479.98px){.landing-footer-grid[b-txm10k6cvu]{grid-template-columns:1fr}}
@media(max-width:767.98px){.landing-nav-links[b-txm10k6cvu]{display:none}.landing-nav-actions[b-txm10k6cvu]{margin-left:auto}}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Shell styling is centralized in wwwroot/app.css for consistent responsive behavior. */
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Navigation styling is centralized in wwwroot/app.css. */
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-nj9e5t6w2p],
.components-reconnect-repeated-attempt-visible[b-nj9e5t6w2p],
.components-reconnect-failed-visible[b-nj9e5t6w2p],
.components-pause-visible[b-nj9e5t6w2p],
.components-resume-failed-visible[b-nj9e5t6w2p],
.components-rejoining-animation[b-nj9e5t6w2p] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-nj9e5t6w2p],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-nj9e5t6w2p],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-nj9e5t6w2p],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-nj9e5t6w2p],
#components-reconnect-modal.components-reconnect-retrying[b-nj9e5t6w2p],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-nj9e5t6w2p],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-nj9e5t6w2p],
#components-reconnect-modal.components-reconnect-failed[b-nj9e5t6w2p],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-nj9e5t6w2p] {
    display: block;
}


#components-reconnect-modal[b-nj9e5t6w2p] {
    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-nj9e5t6w2p 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-nj9e5t6w2p 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-nj9e5t6w2p 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-nj9e5t6w2p]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-nj9e5t6w2p 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-nj9e5t6w2p {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-nj9e5t6w2p {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-nj9e5t6w2p {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-nj9e5t6w2p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-nj9e5t6w2p] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-nj9e5t6w2p] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-nj9e5t6w2p] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-nj9e5t6w2p] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-nj9e5t6w2p] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-nj9e5t6w2p] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-nj9e5t6w2p 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-nj9e5t6w2p] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-nj9e5t6w2p {
    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/Landing.razor.rz.scp.css */
.landing-hero[b-p0dtx77vf7]{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,#7c67e8,transparent 30%),linear-gradient(120deg,#201a49,#4c37bd);color:#fff;padding:clamp(4rem,10vw,7.5rem) 1.5rem;text-align:center}
.landing-hero-inner[b-p0dtx77vf7]{position:relative;z-index:2;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.1rem}
.landing-hero h1[b-p0dtx77vf7]{font-size:clamp(2.4rem,5.5vw,4rem);letter-spacing:-.04em;margin:0;line-height:1.05}
.landing-hero p[b-p0dtx77vf7]{color:#dcd7f3;font-size:clamp(1rem,1.6vw,1.2rem);margin:0;max-width:640px}
.landing-cta[b-p0dtx77vf7]{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}
.landing-note[b-p0dtx77vf7]{font-size:.8rem;color:#b9b2dd}
.landing-orb[b-p0dtx77vf7]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}
.landing-orb-one[b-p0dtx77vf7]{width:320px;height:320px;background:#5b3df5;top:-100px;left:-60px}
.landing-orb-two[b-p0dtx77vf7]{width:260px;height:260px;background:#9a7bff;bottom:-120px;right:-40px}
.landing-section[b-p0dtx77vf7]{padding:clamp(3rem,7vw,5.5rem) 1.5rem}
.landing-alt[b-p0dtx77vf7]{background:#fff}
.landing-section-inner[b-p0dtx77vf7]{max-width:1100px;margin:0 auto;text-align:center}
.landing-section h2[b-p0dtx77vf7]{font-size:clamp(1.7rem,3.4vw,2.4rem);letter-spacing:-.03em;margin:.2rem 0 .6rem}
.landing-lead[b-p0dtx77vf7]{color:var(--muted);max-width:620px;margin:0 auto 2.5rem}
.landing-modules[b-p0dtx77vf7]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:left}
.landing-module[b-p0dtx77vf7]{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.4rem;transition:.18s ease}
.landing-module:hover[b-p0dtx77vf7]{transform:translateY(-2px);border-color:#bcb2f5;box-shadow:0 10px 25px rgba(61,44,148,.08)}
.lm-icon[b-p0dtx77vf7]{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#ede9ff;color:#563ade;font-size:.72rem;font-weight:800;margin-bottom:.8rem}
.landing-module h3[b-p0dtx77vf7]{font-size:1rem;margin:0 0 .35rem}
.landing-module p[b-p0dtx77vf7]{color:var(--muted);font-size:.85rem;margin:0}
.landing-features[b-p0dtx77vf7]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;text-align:left;margin-top:2.5rem}
.landing-feature strong[b-p0dtx77vf7]{display:block;font-size:.98rem;margin-bottom:.35rem}
.landing-feature p[b-p0dtx77vf7]{color:var(--muted);font-size:.85rem;margin:0}
.landing-cta-band[b-p0dtx77vf7]{background:linear-gradient(120deg,#201a49,#4c37bd);color:#fff;text-align:center;padding:clamp(3rem,7vw,5rem) 1.5rem}
.landing-cta-inner[b-p0dtx77vf7]{max-width:640px;margin:0 auto}
.landing-cta-band h2[b-p0dtx77vf7]{font-size:clamp(1.6rem,3.2vw,2.3rem);letter-spacing:-.03em;margin:0 0 .6rem}
.landing-cta-band p[b-p0dtx77vf7]{color:#dcd7f3;margin:0 0 1.5rem}
.btn-outline-light[b-p0dtx77vf7]{border-color:rgba(255,255,255,.45);color:#fff}
.btn-outline-light:hover[b-p0dtx77vf7]{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
@media(max-width:991.98px){.landing-modules[b-p0dtx77vf7]{grid-template-columns:repeat(2,1fr)}.landing-features[b-p0dtx77vf7]{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575.98px){.landing-modules[b-p0dtx77vf7]{grid-template-columns:1fr}.landing-features[b-p0dtx77vf7]{grid-template-columns:1fr}}
.landing-billing-toggle[b-p0dtx77vf7]{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.25rem;margin-bottom:2rem}
.landing-billing-toggle button[b-p0dtx77vf7]{border:0;background:transparent;padding:.45rem 1.3rem;border-radius:999px;font-size:.85rem;font-weight:700;color:var(--muted);cursor:pointer}
.landing-billing-toggle button.active[b-p0dtx77vf7]{background:var(--primary);color:#fff}
.landing-plans[b-p0dtx77vf7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;text-align:left;max-width:960px;margin:0 auto}
.landing-plan[b-p0dtx77vf7]{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.6rem;display:flex;flex-direction:column;gap:.6rem;transition:.18s ease}
.landing-plan:hover[b-p0dtx77vf7]{transform:translateY(-3px);border-color:#bcb2f5;box-shadow:0 14px 34px rgba(61,44,148,.12)}
.landing-plan h3[b-p0dtx77vf7]{font-size:1.15rem;margin:0}
.landing-plan-desc[b-p0dtx77vf7]{color:var(--muted);font-size:.84rem;margin:0;min-height:2.5em}
.landing-plan-price[b-p0dtx77vf7]{display:flex;align-items:baseline;gap:.4rem}
.landing-plan-price strong[b-p0dtx77vf7]{font-size:2rem;letter-spacing:-.03em}
.landing-plan-price span[b-p0dtx77vf7]{color:var(--muted);font-size:.85rem}
.landing-plan-save[b-p0dtx77vf7]{display:inline-block;background:#e2f7ee;color:#1b8a60;font-size:.72rem;font-weight:700;border-radius:99px;padding:.2rem .6rem;width:fit-content}
.landing-plan-list[b-p0dtx77vf7]{list-style:none;padding:0;margin:.4rem 0 1rem;display:flex;flex-direction:column;gap:.45rem}
.landing-plan-list li[b-p0dtx77vf7]{font-size:.85rem;color:var(--muted);padding-left:1.4rem;position:relative}
.landing-plan-list li[b-p0dtx77vf7]:before{content:"\2713";position:absolute;left:0;color:var(--success);font-weight:800}
.landing-plan .btn[b-p0dtx77vf7]{margin-top:auto;text-align:center}
.landing-hero h1:focus[b-p0dtx77vf7]{outline:auto}