@import 'BlazeOffice.Client.t5tw55vxsx.bundle.scp.css';

/* /Pages/Index.razor.rz.scp.css */
.bo-landing-page[b-i4b3yptbi7] {
    position: relative;
    isolation: isolate;
    font-family: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
    background: #f8fafc;
    color: #0f172a;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Ambient Speed Grid Background with dynamic Luminescence */
.bo-speed-grid[b-i4b3yptbi7] {
    background-image:
        linear-gradient(rgba(56, 189, 248, 0.18) 1px, transparent 1px),
        linear-gradient(90deg, rgba(249, 115, 22, 0.15) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(circle at center, black 45%, transparent 85%);
}

/* Keyframe Animations */
@keyframes fadeInUp-b-i4b3yptbi7 {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes floatLevitate-b-i4b3yptbi7 {
    0%, 100% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-8px) rotate(1deg);
    }
}

.bo-fade-in-up[b-i4b3yptbi7] {
    animation: fadeInUp-b-i4b3yptbi7 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.bo-delay-1[b-i4b3yptbi7] {
    animation-delay: 0.15s;
}

.bo-delay-2[b-i4b3yptbi7] {
    animation-delay: 0.3s;
}

.bo-float-anim[b-i4b3yptbi7] {
    animation: floatLevitate-b-i4b3yptbi7 4.5s ease-in-out infinite;
}

/* ==========================================================================
   Light Theme Components (Default)
   ========================================================================== */

.bo-hero-btn-secondary[b-i4b3yptbi7] {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}

.bo-hero-btn-secondary:hover[b-i4b3yptbi7] {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
}

:global(body.bo-dark) .bo-hero-btn-secondary[b-i4b3yptbi7] {
    background: #1c4175 !important;
    color: #ffffff !important;
    border: 1px solid rgba(56, 189, 248, 0.4) !important;
}

:global(body.bo-dark) .bo-hero-btn-secondary:hover[b-i4b3yptbi7] {
    background: #224e8c !important;
    border-color: rgba(56, 189, 248, 0.7) !important;
}

.bo-hero-section[b-i4b3yptbi7] {
    background: linear-gradient(180deg, #ffffff 0%, #f0f7ff 45%, #e6f0fa 100%);
    border-bottom: 1px solid #e2e8f0;
}

.bo-hero-title[b-i4b3yptbi7] {
    color: #0f172a;
}

.bo-hero-subtitle[b-i4b3yptbi7] {
    color: #334155;
}

.bo-telemetry-pill[b-i4b3yptbi7] {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #cbd5e1;
    color: #1e293b;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.bo-cockpit-card[b-i4b3yptbi7] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 20px 45px -10px rgba(15, 23, 42, 0.12);
}

.bo-live-badge[b-i4b3yptbi7] {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(249, 115, 22, 0.35);
    color: #ea580c;
}

.bo-cockpit-stats-bar[b-i4b3yptbi7] {
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

.bo-stat-box[b-i4b3yptbi7] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

.bo-methodology-section[b-i4b3yptbi7] {
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

.bo-method-card[b-i4b3yptbi7] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.04);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.bo-method-card:hover[b-i4b3yptbi7] {
    transform: translateY(-5px);
    border-color: #f97316;
    box-shadow: 0 15px 35px -5px rgba(249, 115, 22, 0.15);
}

.bo-feature-pill[b-i4b3yptbi7] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #334155;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.bo-methodology-summary-bar[b-i4b3yptbi7] {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.05);
}

.bo-courses-section[b-i4b3yptbi7] {
    background: #f8fafc;
}

.bo-audience-switch-container[b-i4b3yptbi7] {
    background: #ffffff;
    border: 1.5px solid #cbd5e1;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.07);
}

.bo-course-card[b-i4b3yptbi7] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 15px 35px -5px rgba(15, 23, 42, 0.07);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.bo-course-card:hover[b-i4b3yptbi7] {
    transform: translateY(-5px);
    border-color: #f97316;
    box-shadow: 0 20px 45px -5px rgba(249, 115, 22, 0.18);
}

.bo-pricing-section[b-i4b3yptbi7] {
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

.bo-pricing-card[b-i4b3yptbi7] {
    background: #f8fafc;
    border: 1.5px solid #cbd5e1;
    box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.05);
}

.bo-pricing-card--featured[b-i4b3yptbi7] {
    border-color: #f97316;
    background: #fffbf7;
}

.bo-blog-section[b-i4b3yptbi7] {
    background: #f8fafc;
}

.bo-blog-card[b-i4b3yptbi7] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.05);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.bo-blog-card:hover[b-i4b3yptbi7] {
    transform: translateY(-5px);
    border-color: #38bdf8;
    box-shadow: 0 15px 35px -5px rgba(56, 189, 248, 0.15);
}

.bo-faq-section[b-i4b3yptbi7] {
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
}

.bo-faq-detail[b-i4b3yptbi7] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}

.bo-faq-detail[open][b-i4b3yptbi7] {
    border-color: #fb923c;
    background: #fff7ed;
}

.bo-faq-detail summary[b-i4b3yptbi7]::-webkit-details-marker {
    display: none;
}

.bo-section-title[b-i4b3yptbi7] {
    color: #0f172a;
}

.bo-section-subtitle[b-i4b3yptbi7] {
    color: #475569;
}

.bo-card-title[b-i4b3yptbi7] {
    color: #0f172a;
}

.bo-card-text[b-i4b3yptbi7] {
    color: #475569;
}

/* ==========================================================================
   Dark Theme Overrides (when body has .bo-dark class)
   ========================================================================== */

:global(body.bo-dark) .bo-landing-page[b-i4b3yptbi7] {
    background: #0b1e38;
    color: #f8fafc;
}

:global(body.bo-dark) .bo-hero-section[b-i4b3yptbi7] {
    background: linear-gradient(180deg, #15335d 0%, #1a3e6f 50%, #122a4e 100%);
    border-bottom: none;
}

:global(body.bo-dark) .bo-hero-title[b-i4b3yptbi7] {
    color: #ffffff;
}

:global(body.bo-dark) .bo-hero-subtitle[b-i4b3yptbi7] {
    color: #e2e8f0;
}

:global(body.bo-dark) .bo-telemetry-pill[b-i4b3yptbi7] {
    background: #183968;
    border-color: rgba(56, 189, 248, 0.3);
    color: #f8fafc;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

:global(body.bo-dark) .bo-cockpit-card[b-i4b3yptbi7] {
    background: #1a3c6e;
    border: 1px solid rgba(56, 189, 248, 0.35);
    box-shadow: 0 20px 50px rgba(7, 18, 36, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

:global(body.bo-dark) .bo-live-badge[b-i4b3yptbi7] {
    background: rgba(16, 39, 71, 0.9);
    border: 1px solid rgba(56, 189, 248, 0.4);
    color: #fb923c;
}

:global(body.bo-dark) .bo-cockpit-stats-bar[b-i4b3yptbi7] {
    background: #163562;
    border-color: rgba(56, 189, 248, 0.25);
}

:global(body.bo-dark) .bo-stat-box[b-i4b3yptbi7] {
    background: #102747;
    border: 1px solid rgba(56, 189, 248, 0.25);
}

:global(body.bo-dark) .bo-methodology-section[b-i4b3yptbi7] {
    background: #0e2341;
    border-color: rgba(56, 189, 248, 0.25);
}

:global(body.bo-dark) .bo-method-card[b-i4b3yptbi7] {
    background: linear-gradient(180deg, #183664 0%, #122a4e 100%);
    border: 1px solid rgba(56, 189, 248, 0.3);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

:global(body.bo-dark) .bo-method-card:hover[b-i4b3yptbi7] {
    border-color: rgba(249, 115, 22, 0.5);
    box-shadow: 0 20px 45px rgba(7, 18, 36, 0.55), 0 0 25px rgba(56, 189, 248, 0.15);
}

:global(body.bo-dark) .bo-feature-pill[b-i4b3yptbi7] {
    background: #183968;
    border-color: rgba(56, 189, 248, 0.25);
    color: #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

:global(body.bo-dark) .bo-methodology-summary-bar[b-i4b3yptbi7] {
    background: linear-gradient(180deg, #183664 0%, #122a4e 100%);
    border-color: rgba(56, 189, 248, 0.25);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);
}

:global(body.bo-dark) .bo-courses-section[b-i4b3yptbi7] {
    background: #102646;
}

:global(body.bo-dark) .bo-audience-switch-container[b-i4b3yptbi7] {
    background: #183968;
    border: 1px solid rgba(56, 189, 248, 0.35);
}

:global(body.bo-dark) .bo-course-card[b-i4b3yptbi7] {
    background: linear-gradient(180deg, #183664 0%, #122a4e 100%);
    border: 1px solid rgba(56, 189, 248, 0.3);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
}

:global(body.bo-dark) .bo-course-card:hover[b-i4b3yptbi7] {
    border-color: rgba(249, 115, 22, 0.5);
    box-shadow: 0 20px 45px rgba(7, 18, 36, 0.55), 0 0 25px rgba(56, 189, 248, 0.15);
}

:global(body.bo-dark) .bo-pricing-section[b-i4b3yptbi7] {
    background: #0e2341;
    border-color: rgba(56, 189, 248, 0.25);
}

:global(body.bo-dark) .bo-pricing-card[b-i4b3yptbi7] {
    background: linear-gradient(180deg, #183664 0%, #122a4e 100%);
    border: 1px solid rgba(56, 189, 248, 0.3);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

:global(body.bo-dark) .bo-pricing-card--featured[b-i4b3yptbi7] {
    border-color: rgba(249, 115, 22, 0.5);
}

:global(body.bo-dark) .bo-blog-section[b-i4b3yptbi7] {
    background: #102646;
}

:global(body.bo-dark) .bo-blog-card[b-i4b3yptbi7] {
    background: linear-gradient(180deg, #183664 0%, #122a4e 100%);
    border: 1px solid rgba(56, 189, 248, 0.3);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

:global(body.bo-dark) .bo-blog-card:hover[b-i4b3yptbi7] {
    border-color: rgba(56, 189, 248, 0.6);
}

:global(body.bo-dark) .bo-faq-section[b-i4b3yptbi7] {
    background: #0e2341;
    border-color: rgba(56, 189, 248, 0.25);
}

:global(body.bo-dark) .bo-faq-detail[b-i4b3yptbi7] {
    background: #183968;
    border: 1px solid rgba(56, 189, 248, 0.3);
    color: #f8fafc;
}

:global(body.bo-dark) .bo-faq-detail[open][b-i4b3yptbi7] {
    border-color: rgba(249, 115, 22, 0.5);
    background: #162e52;
}

:global(body.bo-dark) .bo-section-title[b-i4b3yptbi7] {
    color: #ffffff;
}

:global(body.bo-dark) .bo-section-subtitle[b-i4b3yptbi7] {
    color: #cbd5e1;
}

:global(body.bo-dark) .bo-card-title[b-i4b3yptbi7] {
    color: #ffffff;
}

:global(body.bo-dark) .bo-card-text[b-i4b3yptbi7] {
    color: #cbd5e1;
}
/* /Pages/Public/BlogPost.razor.rz.scp.css */
/* Styles are standardized globally in site.css via .bo-markdown-content / UiMarkdown component */
/* /Pages/Public/FrontpageConceptIndex.razor.rz.scp.css */
.concept-index[b-ghwlsz4pgj] {
    min-height: 72vh;
    padding: 5rem 0;
    background: #f3f5ed;
    color: #172236;
}

.concept-index__container[b-ghwlsz4pgj] {
    width: min(1060px, calc(100% - 2rem));
    margin: 0 auto;
}

.concept-index__container > p[b-ghwlsz4pgj],
.concept-index__card > p[b-ghwlsz4pgj] {
    margin: 0;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.1em;
}

.concept-index h1[b-ghwlsz4pgj],
.concept-index h2[b-ghwlsz4pgj] {
    letter-spacing: 0;
}

.concept-index h1[b-ghwlsz4pgj] {
    max-width: 13ch;
    margin: 0.6rem 0 2.5rem;
    font-size: clamp(2.5rem, 6vw, 5.5rem);
    line-height: 0.98;
}

.concept-index__grid[b-ghwlsz4pgj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.concept-index__card[b-ghwlsz4pgj] {
    display: flex;
    min-height: 220px;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.25rem;
    border: 1px solid rgba(23, 34, 54, 0.3);
}

.concept-index__card h2[b-ghwlsz4pgj] {
    max-width: 11ch;
    margin: auto 0 1.5rem;
    font-size: 1.65rem;
    line-height: 1.05;
}

.concept-index__card--piece-of-cake-studio[b-ghwlsz4pgj] { background: #e8eee5; color: #193931; }
.concept-index__card--piece-of-cake-candy[b-ghwlsz4pgj] { background: #ffe39d; color: #24245c; }
.concept-index__card--piece-of-cake-pastel[b-ghwlsz4pgj] { background: #f9e6ee; color: #55506c; }
.concept-index__card--buckle-up-glass[b-ghwlsz4pgj] { background: #0d4148; color: #e8f8f3; }
.concept-index__card--buckle-up-express[b-ghwlsz4pgj] { background: #dce5ff; color: #17235e; }
.concept-index__card--buckle-up-club[b-ghwlsz4pgj] { background: #d7ff48; color: #111111; }
.concept-index__card--piece-of-cake-family[b-ghwlsz4pgj] { background: #dceee7; color: #223238; }
.concept-index__card--piece-of-cake-atelier[b-ghwlsz4pgj] { background: #e5ddd0; color: #332c27; }
.concept-index__card--buckle-up-zine[b-ghwlsz4pgj] { background: #ff4d31; color: #161616; }

@media (max-width: 760px) {
    .concept-index[b-ghwlsz4pgj] {
        padding: 3rem 0;
    }

    .concept-index__container[b-ghwlsz4pgj] {
        width: min(100% - 1.25rem, 1060px);
    }

    .concept-index__grid[b-ghwlsz4pgj] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Public/PrivacyAndGdpr.razor.rz.scp.css */
/* Styles are standardized globally in site.css via .bo-markdown-content / UiMarkdown component */
/* /Pages/Public/TermsAndConditions.razor.rz.scp.css */
/* Styles are standardized globally in site.css via .bo-markdown-content / UiMarkdown component */
/* /Shared/PublicLayout.razor.rz.scp.css */
:global(html)[b-2hws81eg3o] {
    scroll-behavior: smooth;
}

:global(html)[b-2hws81eg3o],
:global(body)[b-2hws81eg3o] {
    margin: 0;
    background-color: #f8fafc;
    transition: background-color 0.25s ease, color 0.25s ease;
}

:global(section[id])[b-2hws81eg3o] {
    scroll-margin-top: 5rem;
}


.bo-public-shell[b-2hws81eg3o] {
    font-family: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #0f172a;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 25%, #eff6ff 60%, #f8fafc 100%);
    transition: background 0.3s ease, color 0.3s ease;
}

/* Light Theme Navigation Header (Default) */
.bo-public-header[b-2hws81eg3o] {
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(226, 232, 240, 0.9);
    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05);
}

.bo-brand-icon-wrap[b-2hws81eg3o] {
    background: transparent;
    border: none;
    box-shadow: none;
}

.bo-public-logo[b-2hws81eg3o] {
    color: #0f172a;
}

.bo-nav-link[b-2hws81eg3o] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #475569;
    text-decoration: none;
    padding: 0.45rem 0.85rem;
    border-radius: 0.65rem;
    transition: all 0.2s ease;
}

.bo-nav-link:hover[b-2hws81eg3o] {
    color: #0f172a;
    background: #f1f5f9;
}

.bo-nav-link-active[b-2hws81eg3o] {
    color: #ea580c !important;
    background: rgba(249, 115, 22, 0.12) !important;
    font-weight: 700;
}

.bo-theme-toggle[b-2hws81eg3o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1e293b;
    background: #ffffff;
    border: 1.5px solid #cbd5e1;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

.bo-theme-toggle:hover[b-2hws81eg3o] {
    color: #0f172a;
    background: #f8fafc;
    border-color: #94a3b8;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12);
}

.bo-nav-btn-journal[b-2hws81eg3o] {
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
    background: #f8fafc !important;
}

.bo-nav-btn-journal:hover[b-2hws81eg3o] {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

/* ==========================================================================
   Dark Theme Overrides (when body has .bo-dark class)
   ========================================================================== */

:global(body.bo-dark)[b-2hws81eg3o],
:global(html:has(body.bo-dark))[b-2hws81eg3o] {
    background-color: #09172B;
}

:global(body.bo-dark) .bo-public-shell[b-2hws81eg3o] {
    color: #f8fafc;
    background: linear-gradient(180deg, #09172B 0%, #0F2545 35%, #15335D 70%, #0B1C33 100%);
}

:global(body.bo-dark) .bo-public-header[b-2hws81eg3o] {
    background: rgba(15, 37, 69, 0.95);
    border-color: rgba(56, 189, 248, 0.25);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

:global(body.bo-dark) .bo-brand-icon-wrap[b-2hws81eg3o] {
    background: transparent;
    border: none;
    box-shadow: none;
}

:global(body.bo-dark) .bo-public-logo[b-2hws81eg3o] {
    color: #ffffff;
}

:global(body.bo-dark) .bo-nav-link[b-2hws81eg3o] {
    color: #cbd5e1;
}

:global(body.bo-dark) .bo-nav-link:hover[b-2hws81eg3o] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
}

:global(body.bo-dark) .bo-nav-link-active[b-2hws81eg3o] {
    color: #fb923c !important;
    background: rgba(251, 146, 60, 0.18) !important;
}

:global(body.bo-dark) .bo-theme-toggle[b-2hws81eg3o] {
    color: #cbd5e1;
    background: rgba(16, 38, 70, 0.85);
    border: 1px solid rgba(56, 189, 248, 0.3);
}

:global(body.bo-dark) .bo-theme-toggle:hover[b-2hws81eg3o] {
    color: #ffffff;
    background: rgba(249, 115, 22, 0.25);
    border-color: rgba(249, 115, 22, 0.6);
}

:global(body.bo-dark) .bo-nav-btn-journal[b-2hws81eg3o] {
    color: #f8fafc !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
    background: transparent !important;
}

:global(body.bo-dark) .bo-nav-btn-journal:hover[b-2hws81eg3o] {
    background: rgba(14, 116, 144, 0.3) !important;
    color: #ffffff !important;
}