/* /Components/Layout/CookieConsentModal.razor.rz.scp.css */
.cookie-banner[b-okmcbdrlda] {
    position: fixed;
    z-index: 1100;
    left: 12px;
    right: 12px;
    bottom: 12px;
    width: min(980px, calc(100% - 24px));
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    background: #0f172a;
    color: #f8fafc;
    padding: 18px 20px;
    box-shadow: 0 16px 36px rgba(2, 6, 23, 0.5);
}

.cookie-banner h2[b-okmcbdrlda] {
    margin: 0 0 10px 0;
    font-size: 1.1rem;
    font-weight: 700;
}

.cookie-banner p[b-okmcbdrlda] {
    margin: 0 0 8px 0;
    color: rgba(248, 250, 252, 0.9);
    line-height: 1.45;
}

.cookie-banner-legal-note[b-okmcbdrlda] {
    font-size: 0.92rem;
    color: rgba(226, 232, 240, 0.9);
}

.cookie-banner-legal-note a[b-okmcbdrlda] {
    color: #c4b5fd;
    font-weight: 600;
}

.cookie-banner-actions[b-okmcbdrlda] {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.cookie-banner-btn[b-okmcbdrlda] {
    border: 0;
    border-radius: 10px;
    padding: 9px 14px;
    font-weight: 600;
}

.cookie-banner-btn-primary[b-okmcbdrlda] {
    background: #7c3aed;
    color: #ffffff;
}

.cookie-banner-btn-primary:hover[b-okmcbdrlda] {
    background: #6d28d9;
}

.cookie-banner-btn-secondary[b-okmcbdrlda] {
    background: rgba(148, 163, 184, 0.2);
    color: #e2e8f0;
}

.cookie-banner-btn-secondary:hover[b-okmcbdrlda] {
    background: rgba(148, 163, 184, 0.3);
}

@media (max-width: 767.98px) {
    .cookie-banner[b-okmcbdrlda] {
        left: 8px;
        right: 8px;
        bottom: 8px;
        width: calc(100% - 16px);
        padding: 14px;
    }

    .cookie-banner-actions[b-okmcbdrlda] {
        flex-direction: column;
    }

    .cookie-banner-btn[b-okmcbdrlda] {
        width: 100%;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page-shell[b-g6y3t54su9] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: radial-gradient(circle at top left, rgba(124, 58, 237, 0.10), transparent 28%), radial-gradient(circle at top right, rgba(245, 158, 11, 0.08), transparent 22%), linear-gradient(180deg, #0b1120 0%, #0f172a 45%, #111827 100%);
    color: #f8fafc;
}

.header-nav[b-g6y3t54su9] {
    position: sticky;
    top: 0;
    z-index: 1000;
}

.main-shell[b-g6y3t54su9] {
    position: relative;
    flex: 1;
    padding: 24px 0 48px 0;
    overflow: hidden;
}

.content-shell[b-g6y3t54su9] {
    position: relative;
    z-index: 1;
    width: min(1280px, calc(100% - 32px));
    margin: 0 auto;
}

/* Halo lumineux discret */
.background-glow[b-g6y3t54su9] {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    pointer-events: none;
    opacity: 0.45;
}

.background-glow-1[b-g6y3t54su9] {
    width: 320px;
    height: 320px;
    top: 40px;
    left: -80px;
    background: rgba(124, 58, 237, 0.18);
}

.background-glow-2[b-g6y3t54su9] {
    width: 260px;
    height: 260px;
    top: 180px;
    right: -60px;
    background: rgba(245, 158, 11, 0.14);
}

/* Footer */
.site-footer[b-g6y3t54su9] {
    border-top: 1px solid rgba(255,255,255,0.06);
    background: rgba(255,255,255,0.03);
    backdrop-filter: blur(8px);
    padding: 24px 0;
}

.footer-inner[b-g6y3t54su9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.footer-brand[b-g6y3t54su9] {
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 4px;
}

.footer-text[b-g6y3t54su9] {
    color: rgba(255,255,255,0.65);
    font-size: 0.95rem;
}

.footer-links[b-g6y3t54su9] {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

    .footer-links a[b-g6y3t54su9] {
        color: rgba(255,255,255,0.72);
        text-decoration: none;
        font-weight: 500;
        transition: color 0.2s ease;
    }

        .footer-links a:hover[b-g6y3t54su9] {
            color: #ffffff;
        }

/* Error UI */
#blazor-error-ui[b-g6y3t54su9] {
    color-scheme: light only;
    background: #fff7d6;
    color: #3b2f00;
    bottom: 0;
    box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.85rem 1.25rem 0.95rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 2000;
    border-top: 1px solid rgba(0,0,0,0.08);
}

    #blazor-error-ui .reload[b-g6y3t54su9] {
        color: #6d28d9;
        font-weight: 600;
        margin-left: 0.5rem;
    }

    #blazor-error-ui .dismiss[b-g6y3t54su9] {
        cursor: pointer;
        position: absolute;
        right: 0.9rem;
        top: 0.55rem;
        font-size: 1.1rem;
    }

/* Responsive */
@media (max-width: 767.98px) {
    .main-shell[b-g6y3t54su9] {
        padding: 16px 0 32px 0;
    }

    .content-shell[b-g6y3t54su9] {
        width: min(100%, calc(100% - 20px));
    }

    .footer-inner[b-g6y3t54su9] {
        flex-direction: column;
        align-items: flex-start;
    }
}


/* CTA */
.step-cta[b-g6y3t54su9] {
    margin-top: 20px;
}


/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-shell[b-vvasqghtdl] {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.9), rgba(30, 27, 75, 0.9));
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    min-height: 70px;
}

/* LOGO */
.navbar-brand[b-vvasqghtdl] {
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: -0.02em;
    color: white;
}

.brand-text[b-vvasqghtdl] {
    background: linear-gradient(90deg, #f59e0b, #facc15);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.logo-dot[b-vvasqghtdl] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f59e0b, #facc15);
    box-shadow: 0 0 10px rgba(251, 191, 36, 0.6);
}

/* NAV LINKS */
.nav-item[b-vvasqghtdl]  .nav-link {
    color: rgba(255,255,255,0.75);
    border-radius: 10px;
    font-weight: 500;
    transition: all 0.25s ease;
}

    /* HOVER */
    .nav-item[b-vvasqghtdl]  .nav-link:hover {
        color: white;
        background: rgba(255,255,255,0.08);
    }

/* ACTIVE */
.nav-item[b-vvasqghtdl]  a.active {
    color: white;
    background: rgba(255,255,255,0.14);
}

/* CTA BUTTON */
.btn-cta[b-vvasqghtdl] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    border-radius: 999px;
    font-weight: 600;
    color: white;
    transition: all 0.25s ease;
    box-shadow: 0 8px 20px rgba(124, 58, 237, 0.4);
}

    .btn-cta:hover[b-vvasqghtdl] {
        background: linear-gradient(90deg, #6d28d9, #7e22ce);
        transform: translateY(-1px);
        box-shadow: 0 12px 25px rgba(124, 58, 237, 0.5);
    }

/* BURGER MOBILE */
.navbar-toggler[b-vvasqghtdl] {
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 12px;
    color: rgba(255,255,255,0.85);
    padding: 0.45rem 0.65rem;
}

    .navbar-toggler:focus[b-vvasqghtdl] {
        box-shadow: 0 0 0 0.2rem rgba(250, 204, 21, 0.25);
        outline: none;
    }

.navbar-toggler-icon[b-vvasqghtdl] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.88%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* MOBILE */
@media (max-width: 767.98px) {

    .navbar-collapse[b-vvasqghtdl] {
        position: absolute;
        top: calc(100% + 8px);
        left: 12px;
        right: 12px;
        margin-top: 0;
        padding: 12px;
        border-radius: 16px;
        background: rgba(15, 23, 42, 0.98);
        border: 1px solid rgba(255,255,255,0.08);
        box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
    }

    .navbar-nav[b-vvasqghtdl] {
        gap: 8px;
    }

    .nav-item[b-vvasqghtdl] {
        width: 100%;
    }

    .nav-item[b-vvasqghtdl]  .nav-link {
        display: block;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .btn-cta[b-vvasqghtdl] {
        width: 100%;
        margin-top: 10px;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-m2j5rkr7qr],
.components-reconnect-repeated-attempt-visible[b-m2j5rkr7qr],
.components-reconnect-failed-visible[b-m2j5rkr7qr],
.components-pause-visible[b-m2j5rkr7qr],
.components-resume-failed-visible[b-m2j5rkr7qr],
.components-rejoining-animation[b-m2j5rkr7qr] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-m2j5rkr7qr {
    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/Layout/StoryAccessLayout.razor.rz.scp.css */
.page-shell[b-eq8pqd52lq] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: radial-gradient(circle at top left, rgba(124, 58, 237, 0.10), transparent 28%), radial-gradient(circle at top right, rgba(245, 158, 11, 0.08), transparent 22%), linear-gradient(180deg, #0b1120 0%, #0f172a 45%, #111827 100%);
    color: #f8fafc;
}

.header-nav[b-eq8pqd52lq] {
    position: sticky;
    top: 0;
    z-index: 1000;
}

.main-shell[b-eq8pqd52lq] {
    position: relative;
    flex: 1;
    padding: 24px 0 48px 0;
    overflow: hidden;
}

.content-shell[b-eq8pqd52lq] {
    position: relative;
    z-index: 1;
    width: min(1280px, calc(100% - 32px));
    margin: 0 auto;
}

/* Halo lumineux discret */
.background-glow[b-eq8pqd52lq] {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    pointer-events: none;
    opacity: 0.45;
}

.background-glow-1[b-eq8pqd52lq] {
    width: 320px;
    height: 320px;
    top: 40px;
    left: -80px;
    background: rgba(124, 58, 237, 0.18);
}

.background-glow-2[b-eq8pqd52lq] {
    width: 260px;
    height: 260px;
    top: 180px;
    right: -60px;
    background: rgba(245, 158, 11, 0.14);
}

/* Footer */
.site-footer[b-eq8pqd52lq] {
    border-top: 1px solid rgba(255,255,255,0.06);
    background: rgba(255,255,255,0.03);
    backdrop-filter: blur(8px);
    padding: 24px 0;
}

.footer-inner[b-eq8pqd52lq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.footer-brand[b-eq8pqd52lq] {
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 4px;
}

.footer-text[b-eq8pqd52lq] {
    color: rgba(255,255,255,0.65);
    font-size: 0.95rem;
}

.footer-links[b-eq8pqd52lq] {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

    .footer-links a[b-eq8pqd52lq] {
        color: rgba(255,255,255,0.72);
        text-decoration: none;
        font-weight: 500;
        transition: color 0.2s ease;
    }

        .footer-links a:hover[b-eq8pqd52lq] {
            color: #ffffff;
        }

/* Error UI */
#blazor-error-ui[b-eq8pqd52lq] {
    color-scheme: light only;
    background: #fff7d6;
    color: #3b2f00;
    bottom: 0;
    box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.85rem 1.25rem 0.95rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 2000;
    border-top: 1px solid rgba(0,0,0,0.08);
}

    #blazor-error-ui .reload[b-eq8pqd52lq] {
        color: #6d28d9;
        font-weight: 600;
        margin-left: 0.5rem;
    }

    #blazor-error-ui .dismiss[b-eq8pqd52lq] {
        cursor: pointer;
        position: absolute;
        right: 0.9rem;
        top: 0.55rem;
        font-size: 1.1rem;
    }

/* Responsive */
@media (max-width: 767.98px) {
    .main-shell[b-eq8pqd52lq] {
        padding: 16px 0 32px 0;
    }

    .content-shell[b-eq8pqd52lq] {
        width: min(100%, calc(100% - 20px));
    }

    .footer-inner[b-eq8pqd52lq] {
        flex-direction: column;
        align-items: flex-start;
    }
}


/* CTA */
.step-cta[b-eq8pqd52lq] {
    margin-top: 20px;
}
/* /Components/Pages/Adventure/Aventure1.razor.rz.scp.css */
.adventure-page[b-y7ir3bitki] {
    color: #f8fafc;
}

/* HERO */
.adventure-image[b-y7ir3bitki] {
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.4);
}

.badge-adventure[b-y7ir3bitki] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    font-size: 0.85rem;
}

.adventure-title[b-y7ir3bitki] {
    font-size: 3rem;
    font-weight: 800;
}

.adventure-location[b-y7ir3bitki] {
    color: #cbd5f5;
}

.adventure-text[b-y7ir3bitki] {
    color: rgba(255,255,255,0.8);
}

.adventure-meta span[b-y7ir3bitki] {
    background: rgba(255,255,255,0.08);
    padding: 8px 12px;
    border-radius: 999px;
}

/* CTA */
.cta-box[b-y7ir3bitki] {
    margin-top: 20px;
}

.price[b-y7ir3bitki] {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 10px;
}

.btn-buy[b-y7ir3bitki] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
}

    .btn-buy:hover[b-y7ir3bitki] {
        transform: translateY(-2px);
    }

.cta-subtext[b-y7ir3bitki] {
    font-size: 0.85rem;
    margin-top: 8px;
    color: rgba(255,255,255,0.6);
}

/* SECTION */
.section-title[b-y7ir3bitki] {
    font-weight: 800;
}

.section-text[b-y7ir3bitki] {
    color: rgba(255,255,255,0.8);
}

/* CARDS */
.info-card[b-y7ir3bitki] {
    background: rgba(255,255,255,0.05);
    padding: 24px;
    border-radius: 16px;
}

.step-number[b-y7ir3bitki] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f59e0b;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-bottom: 12px;
}


/* PERSONNAGES */
.character-card[b-y7ir3bitki] {
    background: rgba(255,255,255,0.05);
    padding: 20px;
    border-radius: 16px;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .character-card:hover[b-y7ir3bitki] {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.4);
    }

.character-img[b-y7ir3bitki] {
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 15px;
}

.character-card h3[b-y7ir3bitki] {
    font-weight: 700;
    margin-bottom: 10px;
}

.character-card p[b-y7ir3bitki] {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.75);
}

.difficulty-badge[b-y7ir3bitki] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    font-weight: 600;
    letter-spacing: 0.2px;
}

.historical-note[b-y7ir3bitki] {
    display: flex;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(6px);
}

.note-icon[b-y7ir3bitki] {
    font-size: 1.2rem;
    opacity: 0.8;
    margin-top: 2px;
}

.note-content[b-y7ir3bitki] {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.65);
    line-height: 1.5;
}

.note-title[b-y7ir3bitki] {
    font-weight: 600;
    margin-bottom: 4px;
    color: rgba(255,255,255,0.85);
    font-size: 0.9rem;
}
/* /Components/Pages/Adventure/List.razor.rz.scp.css */
.home-page[b-4ycldlm7u1] {
    background: radial-gradient(circle at top, rgba(89, 27, 142, 0.18), transparent 35%), linear-gradient(180deg, #0f172a 0%, #111827 45%, #0b1220 100%);
    color: #f8fafc;
    min-height: 100vh;
}

.hero-section[b-4ycldlm7u1] {
    padding-top: 30px;
    padding-bottom: 40px;
}

.hero-badge[b-4ycldlm7u1] {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    color: #dbeafe;
    font-size: 0.95rem;
    font-weight: 600;
}

.hero-title[b-4ycldlm7u1] {
    font-size: clamp(2.2rem, 4vw, 4rem);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.text-gradient[b-4ycldlm7u1] {
    background: linear-gradient(90deg, #f59e0b, #facc15, #fde68a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-subtitle[b-4ycldlm7u1] {
    font-size: 1.15rem;
    color: rgba(255,255,255,0.82);
    max-width: 700px;
}

.hero-infos span[b-4ycldlm7u1] {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.08);
    padding: 8px 14px;
    border-radius: 999px;
    color: #e5e7eb;
    font-size: 0.95rem;
}

.hero-card[b-4ycldlm7u1] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 24px;
    padding: 14px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
}

.hero-image[b-4ycldlm7u1],
.featured-image[b-4ycldlm7u1] {
    border-radius: 18px;
    width: 100%;
    display: block;
}

.section-title[b-4ycldlm7u1] {
    font-size: clamp(1.8rem, 2.5vw, 2.8rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #fff;
}

.section-text[b-4ycldlm7u1] {
    color: rgba(255,255,255,0.78);
    font-size: 1.05rem;
}

.intro-section[b-4ycldlm7u1],
.steps-section[b-4ycldlm7u1],
.audience-section[b-4ycldlm7u1],
.featured-section[b-4ycldlm7u1],
.reassurance-section[b-4ycldlm7u1],
.cta-section[b-4ycldlm7u1] {
    position: relative;
}

.info-card[b-4ycldlm7u1],
.mini-card[b-4ycldlm7u1],
.reassurance-card[b-4ycldlm7u1] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.18);
}

    .info-card h3[b-4ycldlm7u1],
    .mini-card h3[b-4ycldlm7u1],
    .reassurance-card h3[b-4ycldlm7u1] {
        color: #fff;
        font-size: 1.3rem;
        margin-bottom: 12px;
        font-weight: 700;
    }

    .info-card p[b-4ycldlm7u1],
    .mini-card p[b-4ycldlm7u1],
    .reassurance-card p[b-4ycldlm7u1] {
        color: rgba(255,255,255,0.75);
        margin-bottom: 0;
    }

.step-number[b-4ycldlm7u1] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    font-weight: 800;
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
    color: #111827;
}

.featured-box[b-4ycldlm7u1] {
    background: linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.04));
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 28px;
    padding: 24px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.28);
}

.featured-label[b-4ycldlm7u1] {
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
    font-size: 0.85rem;
}

.featured-title[b-4ycldlm7u1] {
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1.05;
    font-weight: 800;
    color: #fff;
}

.featured-location[b-4ycldlm7u1] {
    color: #cbd5e1;
    font-weight: 500;
}

.featured-text[b-4ycldlm7u1] {
    color: rgba(255,255,255,0.8);
    font-size: 1.05rem;
}

.featured-meta span[b-4ycldlm7u1] {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.08);
    padding: 10px 14px;
    border-radius: 999px;
    color: #e5e7eb;
    font-size: 0.95rem;
}

.reassurance-icon[b-4ycldlm7u1] {
    font-size: 2rem;
    margin-bottom: 14px;
}

.btn-primary[b-4ycldlm7u1] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    box-shadow: 0 10px 25px rgba(124, 58, 237, 0.35);
}

    .btn-primary:hover[b-4ycldlm7u1] {
        background: linear-gradient(90deg, #6d28d9, #7e22ce);
    }

.btn-warning[b-4ycldlm7u1] {
    color: #111827;
    font-weight: 700;
}

.btn-outline-light:hover[b-4ycldlm7u1] {
    color: #111827;
}

footer[b-4ycldlm7u1] {
    display: none;
}

.difficulty-badge[b-4ycldlm7u1] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    font-weight: 600;
    letter-spacing: 0.2px;
}
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact-page[b-36eu5qsvz2] {
    width: min(1120px, 100%);
    margin: 0 auto;
    padding: 4rem 1.25rem 5rem;
    color: #f8fafc;
}

.contact-hero[b-36eu5qsvz2] {
    max-width: 760px;
    margin-bottom: 2rem;
}

.contact-kicker[b-36eu5qsvz2] {
    display: inline-flex;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0.35rem 0.75rem;
    border: 1px solid rgba(250, 204, 21, 0.28);
    border-radius: 999px;
    color: #facc15;
    background: rgba(250, 204, 21, 0.08);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.contact-hero h1[b-36eu5qsvz2] {
    margin: 0 0 1rem;
    font-size: clamp(2.25rem, 5vw, 4rem);
    line-height: 1.05;
    font-weight: 800;
}

.contact-hero p[b-36eu5qsvz2] {
    margin: 0;
    color: rgba(248, 250, 252, 0.78);
    font-size: 1.1rem;
    line-height: 1.75;
}

.contact-grid[b-36eu5qsvz2] {
    display: grid;
    grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.35fr);
    gap: 1.5rem;
    align-items: start;
}

.contact-card[b-36eu5qsvz2] {
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(24, 31, 40, 0.95), rgba(15, 20, 27, 0.95));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.contact-info-card[b-36eu5qsvz2],
.contact-form-card[b-36eu5qsvz2] {
    padding: 2rem;
}

.contact-card h2[b-36eu5qsvz2] {
    margin: 0 0 1.5rem;
    font-size: 1.45rem;
    color: #fff7ed;
}

.contact-detail[b-36eu5qsvz2] {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.contact-detail:last-of-type[b-36eu5qsvz2] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.contact-detail-label[b-36eu5qsvz2] {
    color: rgba(250, 204, 21, 0.82);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.contact-detail strong[b-36eu5qsvz2],
.contact-detail a[b-36eu5qsvz2] {
    color: #f8fafc;
    font-size: 1.02rem;
    text-decoration: none;
}

.contact-detail a:hover[b-36eu5qsvz2] {
    color: #facc15;
}

.contact-note[b-36eu5qsvz2] {
    margin: 1.5rem 0 0;
    color: rgba(248, 250, 252, 0.72);
    line-height: 1.7;
}

.contact-form[b-36eu5qsvz2] {
    display: grid;
    gap: 1.25rem;
}

.contact-field[b-36eu5qsvz2] {
    display: grid;
    gap: 0.5rem;
}

.contact-field label[b-36eu5qsvz2] {
    color: #fff7ed;
    font-weight: 700;
}

.contact-field .form-control[b-36eu5qsvz2] {
    min-height: 52px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    color: #f8fafc;
    background: rgba(255, 255, 255, 0.05);
}

.contact-field textarea.form-control[b-36eu5qsvz2] {
    min-height: 180px;
    resize: vertical;
}

.contact-field .form-control:focus[b-36eu5qsvz2] {
    border-color: rgba(250, 204, 21, 0.65);
    box-shadow: 0 0 0 0.2rem rgba(250, 204, 21, 0.16);
    background: rgba(255, 255, 255, 0.07);
    color: #fff;
}

.contact-field .validation-message[b-36eu5qsvz2],
.contact-validation-summary[b-36eu5qsvz2] {
    color: #fca5a5;
}

.contact-alert[b-36eu5qsvz2] {
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 16px;
    line-height: 1.55;
}

.contact-alert-success[b-36eu5qsvz2] {
    border: 1px solid rgba(74, 222, 128, 0.35);
    color: #bbf7d0;
    background: rgba(34, 197, 94, 0.11);
}

.contact-alert-error[b-36eu5qsvz2] {
    border: 1px solid rgba(248, 113, 113, 0.35);
    color: #fecaca;
    background: rgba(239, 68, 68, 0.11);
}

.contact-submit[b-36eu5qsvz2] {
    min-height: 54px;
    border: 0;
    border-radius: 999px;
    color: #16110a;
    background: linear-gradient(90deg, #f59e0b, #facc15);
    font-weight: 800;
    box-shadow: 0 14px 34px rgba(245, 158, 11, 0.24);
}

.contact-submit:hover:not(:disabled)[b-36eu5qsvz2] {
    color: #16110a;
    transform: translateY(-1px);
    box-shadow: 0 18px 42px rgba(245, 158, 11, 0.32);
}

.contact-submit:disabled[b-36eu5qsvz2] {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 900px) {
    .contact-grid[b-36eu5qsvz2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .contact-page[b-36eu5qsvz2] {
        padding: 2.5rem 1rem 4rem;
    }

    .contact-info-card[b-36eu5qsvz2],
    .contact-form-card[b-36eu5qsvz2] {
        padding: 1.35rem;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.brand-home[b-pvarcndk15] {
    background: radial-gradient(circle at top, rgba(124, 58, 237, 0.18), transparent 32%), linear-gradient(180deg, #0b1220 0%, #111827 45%, #0a1020 100%);
    color: #f8fafc;
    min-height: 100vh;
}

.container[b-pvarcndk15] {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
}

.narrow[b-pvarcndk15] {
    max-width: 820px;
}

.section[b-pvarcndk15] {
    padding: 88px 0;
    position: relative;
}

.section-dark[b-pvarcndk15] {
    background: rgba(255, 255, 255, 0.025);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.eyebrow[b-pvarcndk15] {
    display: inline-block;
    margin-bottom: 14px;
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.8rem;
    font-weight: 800;
}

.section-heading[b-pvarcndk15] {
    margin-bottom: 46px;
}

    .section-heading h2[b-pvarcndk15] {
        font-size: clamp(2rem, 3vw, 3rem);
        line-height: 1.08;
        font-weight: 800;
        letter-spacing: -0.03em;
        color: #fff;
        margin-bottom: 16px;
    }

    .section-heading p[b-pvarcndk15],
    .section-text[b-pvarcndk15] {
        color: rgba(255, 255, 255, 0.8);
        font-size: 1.08rem;
        line-height: 1.7;
    }

.text-center[b-pvarcndk15] {
    text-align: center;
}

/* HERO */

.hero-section[b-pvarcndk15] {
    padding: 72px 0 56px;
}

.hero-grid[b-pvarcndk15] {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 42px;
    align-items: center;
}

.hero-badge[b-pvarcndk15] {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.1);
    color: #dbeafe;
    font-size: 0.92rem;
    font-weight: 700;
    margin-bottom: 18px;
}

.hero-title[b-pvarcndk15] {
    font-size: clamp(2.5rem, 5vw, 4.6rem);
    line-height: 0.98;
    font-weight: 900;
    letter-spacing: -0.04em;
    margin-bottom: 18px;
    color: #fff;
    max-width: 760px;
}

.hero-subtitle[b-pvarcndk15] {
    font-size: 1.15rem;
    line-height: 1.75;
    color: rgba(255,255,255,0.82);
    max-width: 720px;
    margin-bottom: 28px;
}

.hero-actions[b-pvarcndk15],
.cta-actions[b-pvarcndk15] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 22px;
}

.hero-meta[b-pvarcndk15] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .hero-meta span[b-pvarcndk15] {
        background: rgba(255,255,255,0.06);
        border: 1px solid rgba(255,255,255,0.08);
        padding: 10px 14px;
        border-radius: 999px;
        color: #e5e7eb;
        font-size: 0.94rem;
    }

.hero-card[b-pvarcndk15] {
    position: relative;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(0,0,0,0.35);
}

.hero-image[b-pvarcndk15] {
    width: 100%;
    display: block;
    aspect-ratio: 4 / 5;
    object-fit: cover;
}

.hero-card-overlay[b-pvarcndk15] {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.3), rgba(15, 23, 42, 0.88));
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 18px;
    backdrop-filter: blur(8px);
}

.hero-card-label[b-pvarcndk15] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 8px;
}

.hero-card-overlay p[b-pvarcndk15] {
    margin: 0;
    color: rgba(255,255,255,0.82);
    line-height: 1.6;
}

/* LAYOUT */

.two-col[b-pvarcndk15] {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 34px;
    align-items: start;
}

.card-grid[b-pvarcndk15] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}

.steps-grid[b-pvarcndk15],
.benefits-grid[b-pvarcndk15],
.reassurance-grid[b-pvarcndk15] {
    display: grid;
    gap: 22px;
}

.steps-grid[b-pvarcndk15] {
    grid-template-columns: repeat(3, 1fr);
}

.benefits-grid[b-pvarcndk15] {
    grid-template-columns: repeat(3, 1fr);
}

.reassurance-grid[b-pvarcndk15] {
    grid-template-columns: repeat(4, 1fr);
}

.adventures-grid[b-pvarcndk15] {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr;
    gap: 22px;
    align-items: stretch;
}

/* CARDS */

.info-card[b-pvarcndk15],
.step-card[b-pvarcndk15],
.benefit-card[b-pvarcndk15],
.mini-card[b-pvarcndk15],
.adventure-card[b-pvarcndk15],
.cta-box[b-pvarcndk15] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 24px;
    box-shadow: 0 16px 40px rgba(0,0,0,0.20);
}

.info-card[b-pvarcndk15],
.step-card[b-pvarcndk15],
.benefit-card[b-pvarcndk15],
.mini-card[b-pvarcndk15] {
    padding: 28px;
}

    .info-card h3[b-pvarcndk15],
    .step-card h3[b-pvarcndk15],
    .benefit-card h3[b-pvarcndk15],
    .mini-card h3[b-pvarcndk15],
    .adventure-card h3[b-pvarcndk15] {
        color: #fff;
        font-size: 1.22rem;
        font-weight: 800;
        margin-bottom: 12px;
    }

    .info-card p[b-pvarcndk15],
    .step-card p[b-pvarcndk15],
    .benefit-card p[b-pvarcndk15],
    .mini-card p[b-pvarcndk15],
    .adventure-card p[b-pvarcndk15] {
        color: rgba(255,255,255,0.76);
        line-height: 1.7;
        margin: 0;
    }

.card-icon[b-pvarcndk15] {
    font-size: 1.8rem;
    margin-bottom: 12px;
}

.step-number[b-pvarcndk15] {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
    color: #111827;
    font-weight: 900;
}

.adventure-card[b-pvarcndk15] {
    overflow: hidden;
}

    .adventure-card.featured[b-pvarcndk15] {
        display: flex;
        flex-direction: column;
    }

.adventure-image-wrap[b-pvarcndk15] {
    width: 100%;
}

.adventure-image[b-pvarcndk15] {
    width: 100%;
    display: block;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.adventure-body[b-pvarcndk15] {
    padding: 24px;
}

.adventure-tag[b-pvarcndk15] {
    display: inline-block;
    margin-bottom: 12px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.16);
    color: #fbbf24;
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

    .adventure-tag.muted[b-pvarcndk15] {
        background: rgba(255,255,255,0.08);
        color: #d1d5db;
    }

.adventure-location[b-pvarcndk15] {
    color: #cbd5e1;
    font-weight: 600;
    margin-bottom: 12px;
}

.cta-section[b-pvarcndk15] {
    padding-bottom: 100px;
}

.cta-box[b-pvarcndk15] {
    padding: 40px 28px;
    background: linear-gradient(180deg, rgba(124, 58, 237, 0.18), rgba(255,255,255,0.04));
}

/* BUTTONS */

.btn[b-pvarcndk15] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    border-radius: 14px;
    font-weight: 800;
    transition: 0.2s ease;
    cursor: pointer;
    padding: 12px 18px;
}

.btn-lg[b-pvarcndk15] {
    padding: 14px 22px;
    font-size: 1rem;
}

.btn-primary[b-pvarcndk15] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    color: #fff;
    border: none;
    box-shadow: 0 12px 28px rgba(124, 58, 237, 0.35);
}

    .btn-primary:hover[b-pvarcndk15] {
        transform: translateY(-1px);
        background: linear-gradient(90deg, #6d28d9, #7e22ce);
        color: #fff;
    }

.btn-outline-light[b-pvarcndk15] {
    color: #fff;
    border: 1px solid rgba(255,255,255,0.18);
    background: rgba(255,255,255,0.04);
}

    .btn-outline-light:hover[b-pvarcndk15] {
        background: #fff;
        color: #111827;
    }

.btn-warning[b-pvarcndk15] {
    background: linear-gradient(90deg, #f59e0b, #fbbf24);
    color: #111827;
    border: none;
    font-weight: 800;
    margin-top: 18px;
}

    .btn-warning:hover[b-pvarcndk15] {
        transform: translateY(-1px);
        color: #111827;
    }

/* FOOTER HIDE */

footer[b-pvarcndk15] {
    display: none;
}

/* RESPONSIVE */

@media (max-width: 1100px) {
    .hero-grid[b-pvarcndk15],
    .two-col[b-pvarcndk15],
    .adventures-grid[b-pvarcndk15] {
        grid-template-columns: 1fr;
    }

    .steps-grid[b-pvarcndk15],
    .benefits-grid[b-pvarcndk15] {
        grid-template-columns: 1fr;
    }

    .reassurance-grid[b-pvarcndk15] {
        grid-template-columns: repeat(2, 1fr);
    }

    .hero-image[b-pvarcndk15] {
        aspect-ratio: 16 / 10;
    }
}

@media (max-width: 768px) {
    .section[b-pvarcndk15] {
        padding: 68px 0;
    }

    .hero-section[b-pvarcndk15] {
        padding-top: 40px;
    }

    .hero-title[b-pvarcndk15] {
        font-size: 2.35rem;
    }

    .hero-subtitle[b-pvarcndk15],
    .section-heading p[b-pvarcndk15],
    .section-text[b-pvarcndk15] {
        font-size: 1rem;
    }

    .hero-actions[b-pvarcndk15],
    .cta-actions[b-pvarcndk15] {
        flex-direction: column;
        align-items: stretch;
    }

    .btn[b-pvarcndk15],
    .btn-lg[b-pvarcndk15] {
        width: 100%;
    }

    .reassurance-grid[b-pvarcndk15] {
        grid-template-columns: 1fr;
    }

    .info-card[b-pvarcndk15],
    .step-card[b-pvarcndk15],
    .benefit-card[b-pvarcndk15],
    .mini-card[b-pvarcndk15],
    .adventure-body[b-pvarcndk15],
    .cta-box[b-pvarcndk15] {
        padding: 22px;
    }
}

.text-gradient[b-pvarcndk15] {
    background: linear-gradient(90deg, #f59e0b, #facc15, #fde68a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 768px) {
    .hero-card-overlay[b-pvarcndk15] {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin: 0;
        border-radius: 0 0 24px 24px;
        background: rgba(15, 23, 42, 0.95);
        backdrop-filter: none;
    }

    .hero-card[b-pvarcndk15] {
        display: flex;
        flex-direction: column;
    }

    .hero-image[b-pvarcndk15] {
        aspect-ratio: 4 / 5;
        object-position: center top;
    }
}

.btn-instagram[b-pvarcndk15] {
    position: relative;
    overflow: hidden;
    color: #f8fafc;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.055);
    box-shadow: 0 12px 28px rgba(0,0,0,0.22);
    backdrop-filter: blur(8px);
}

    .btn-instagram[b-pvarcndk15]::after {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045);
        box-shadow: 0 0 14px rgba(253, 29, 29, 0.55);
    }

    .btn-instagram:hover[b-pvarcndk15] {
        color: #fff;
        background: rgba(255,255,255,0.09);
        border-color: rgba(255,255,255,0.22);
        transform: translateY(-1px);
        box-shadow: 0 16px 34px rgba(0,0,0,0.32);
    }

.insta-icon[b-pvarcndk15] {
    font-size: 1.15rem;
    line-height: 1;
    opacity: 0.95;
}

/* REVIEWS */

.reviews-grid[b-pvarcndk15] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}

.review-card[b-pvarcndk15] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 16px 40px rgba(0,0,0,0.20);
}

.review-stars[b-pvarcndk15] {
    color: #fbbf24;
    font-size: 1.1rem;
    letter-spacing: 2px;
    margin-bottom: 16px;
}

.review-text[b-pvarcndk15] {
    color: rgba(255,255,255,0.82);
    line-height: 1.8;
    font-size: 1rem;
    margin-bottom: 18px;
}

.review-author[b-pvarcndk15] {
    color: #cbd5e1;
    font-weight: 700;
    font-size: 0.95rem;
}

/* SOCIAL LINKS */

.social-links[b-pvarcndk15] {
    margin-top: 36px;
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.social-link[b-pvarcndk15] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    border-radius: 14px;
    text-decoration: none;
    font-weight: 700;
    transition: 0.2s ease;
}

    .social-link.instagram[b-pvarcndk15] {
        background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045);
        color: #fff;
    }

    .social-link.facebook[b-pvarcndk15] {
        background: #1877f2;
        color: #fff;
    }

    .social-link:hover[b-pvarcndk15] {
        transform: translateY(-2px);
        opacity: 0.95;
    }

@media (max-width: 768px) {

    .reviews-grid[b-pvarcndk15] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Legal/Cgv.razor.rz.scp.css */
.legal-page[b-fd9pk5bbfg] {
    min-height: 100vh;
    background: radial-gradient(circle at top, rgba(201, 169, 110, 0.12), transparent 30%), linear-gradient(180deg, #0e141b 0%, #121b24 100%);
    color: #e9edf2;
    padding-bottom: 60px;
}

.legal-hero[b-fd9pk5bbfg] {
    padding: 56px 20px 28px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0));
}

.legal-container[b-fd9pk5bbfg] {
    width: min(1100px, calc(100% - 32px));
    margin: 0 auto;
}

.legal-kicker[b-fd9pk5bbfg] {
    margin: 0 0 10px 0;
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: .78rem;
    color: #c9a96e;
    font-weight: 700;
}

.legal-hero h1[b-fd9pk5bbfg] {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.08;
    color: #fff;
}

.legal-subtitle[b-fd9pk5bbfg] {
    margin-top: 12px;
    color: #b8c2cc;
    font-size: 1rem;
}

.legal-card[b-fd9pk5bbfg] {
    margin-top: 28px;
    background: rgba(16, 24, 33, 0.88);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 18px 40px rgba(0,0,0,.28);
    backdrop-filter: blur(8px);
}

.legal-section + .legal-section[b-fd9pk5bbfg] {
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.legal-section h2[b-fd9pk5bbfg] {
    margin: 0 0 14px 0;
    font-size: 1.28rem;
    line-height: 1.3;
    color: #fff;
}

.legal-section p[b-fd9pk5bbfg],
.legal-section li[b-fd9pk5bbfg] {
    color: #d6dde5;
    line-height: 1.75;
    font-size: 1rem;
}

.legal-section ul[b-fd9pk5bbfg] {
    margin: 12px 0 0 20px;
    padding: 0;
}

.legal-section a[b-fd9pk5bbfg] {
    color: #d9b67a;
    text-decoration: none;
}

    .legal-section a:hover[b-fd9pk5bbfg] {
        text-decoration: underline;
    }

@media (max-width: 768px) {
    .legal-card[b-fd9pk5bbfg] {
        padding: 20px;
        border-radius: 18px;
    }

    .legal-hero[b-fd9pk5bbfg] {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .legal-section h2[b-fd9pk5bbfg] {
        font-size: 1.12rem;
    }
}
/* /Components/Pages/Legal/Confidentialité.razor.rz.scp.css */
.legal-page[b-wp28zfg1xi] {
    min-height: 100vh;
    background: radial-gradient(circle at top, rgba(201, 169, 110, 0.12), transparent 30%), linear-gradient(180deg, #0e141b 0%, #121b24 100%);
    color: #e9edf2;
    padding-bottom: 60px;
}

.legal-hero[b-wp28zfg1xi] {
    padding: 56px 20px 28px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.legal-container[b-wp28zfg1xi] {
    width: min(1100px, calc(100% - 32px));
    margin: 0 auto;
}

.legal-kicker[b-wp28zfg1xi] {
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: .78rem;
    color: #c9a96e;
    font-weight: 700;
}

.legal-hero h1[b-wp28zfg1xi] {
    font-size: clamp(2rem, 4vw, 3rem);
    color: #fff;
}

.legal-card[b-wp28zfg1xi] {
    margin-top: 28px;
    background: rgba(16, 24, 33, 0.9);
    border-radius: 20px;
    padding: 28px;
    border: 1px solid rgba(255,255,255,0.08);
}

.legal-section + .legal-section[b-wp28zfg1xi] {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.legal-section h2[b-wp28zfg1xi] {
    color: #fff;
    margin-bottom: 12px;
}

.legal-section p[b-wp28zfg1xi],
.legal-section li[b-wp28zfg1xi] {
    color: #d6dde5;
    line-height: 1.7;
}

.legal-section a[b-wp28zfg1xi] {
    color: #d9b67a;
}
/* /Components/Pages/Payment.razor.rz.scp.css */
.payment-page[b-1rr5zplusl] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1.25rem;
    overflow: hidden;
    background: radial-gradient(circle at top, rgba(201, 168, 97, 0.14), transparent 30%), linear-gradient(180deg, #0d1117 0%, #131a22 45%, #0b0f14 100%);
}

.payment-overlay[b-1rr5zplusl] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(rgba(10, 14, 19, 0.25), rgba(10, 14, 19, 0.55)), url('/images/noise.png');
    opacity: 0.28;
}

.payment-card[b-1rr5zplusl] {
    position: relative;
    z-index: 1;
    width: min(760px, 100%);
    border-radius: 28px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(24, 31, 40, 0.96), rgba(15, 20, 27, 0.96));
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

    .payment-card[b-1rr5zplusl]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 5px;
        background: #6c757d;
    }

.payment-card-inner[b-1rr5zplusl] {
    padding: 3rem 2rem;
    text-align: center;
}

.payment-icon[b-1rr5zplusl] {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 1rem;
}

.payment-kicker[b-1rr5zplusl] {
    margin: 0 0 0.75rem;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #c9a861;
}

.payment-card h1[b-1rr5zplusl] {
    margin: 0 0 1rem;
    font-size: clamp(2rem, 4vw, 2.8rem);
    line-height: 1.1;
    font-weight: 800;
    color: #f5f1e8;
}

.payment-text[b-1rr5zplusl] {
    max-width: 560px;
    margin: 0 auto;
    font-size: 1.05rem;
    line-height: 1.75;
    color: rgba(245, 241, 232, 0.82);
}

.payment-ref-box[b-1rr5zplusl] {
    width: fit-content;
    max-width: 100%;
    margin: 1.75rem auto 0;
    padding: 0.9rem 1.1rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(201, 168, 97, 0.22);
    color: #f5f1e8;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.payment-ref-label[b-1rr5zplusl] {
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(201, 168, 97, 0.88);
}

.payment-actions[b-1rr5zplusl] {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.payment-btn[b-1rr5zplusl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0.95rem 1.4rem;
    border-radius: 14px;
    font-weight: 700;
    font-size: 0.98rem;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

    .payment-btn:hover[b-1rr5zplusl] {
        transform: translateY(-2px);
        text-decoration: none;
    }

.payment-btn-primary[b-1rr5zplusl] {
    color: #16110a;
    background: linear-gradient(135deg, #d6b36a, #f0d38d);
    box-shadow: 0 12px 30px rgba(201, 168, 97, 0.28);
}

    .payment-btn-primary:hover[b-1rr5zplusl] {
        color: #16110a;
        box-shadow: 0 16px 34px rgba(201, 168, 97, 0.35);
    }

.payment-btn-secondary[b-1rr5zplusl] {
    color: #f5f1e8;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

    .payment-btn-secondary:hover[b-1rr5zplusl] {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(201, 168, 97, 0.4);
    }

.payment-success[b-1rr5zplusl]::before {
    background: linear-gradient(90deg, #2fb36d, #6ee7a8);
}

.payment-canceled[b-1rr5zplusl]::before {
    background: linear-gradient(90deg, #d17b20, #ffbe6b);
}

.payment-unknown[b-1rr5zplusl]::before {
    background: linear-gradient(90deg, #6c757d, #adb5bd);
}

@media (max-width: 768px) {
    .payment-page[b-1rr5zplusl] {
        padding: 2rem 1rem;
    }

    .payment-card-inner[b-1rr5zplusl] {
        padding: 2.2rem 1.25rem;
    }

    .payment-text[b-1rr5zplusl] {
        font-size: 1rem;
        line-height: 1.65;
    }

    .payment-btn[b-1rr5zplusl] {
        width: 100%;
    }
}
/* /Components/Pages/Persona/Alea.razor.rz.scp.css */
.alea-page[b-vwd89hxbxs] {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    padding-bottom: 56px;
    background: radial-gradient(circle at top left, rgba(124, 58, 237, 0.18), transparent 28%), radial-gradient(circle at top right, rgba(245, 158, 11, 0.14), transparent 24%), linear-gradient(180deg, #0b1120 0%, #0f172a 45%, #111827 100%);
    color: #f8fafc;
}

.background-glow[b-vwd89hxbxs] {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    pointer-events: none;
    opacity: 0.45;
}

.background-glow-1[b-vwd89hxbxs] {
    width: 340px;
    height: 340px;
    top: 160px;
    left: -90px;
    background: rgba(124, 58, 237, 0.22);
}

.background-glow-2[b-vwd89hxbxs] {
    width: 300px;
    height: 300px;
    top: 620px;
    right: -80px;
    background: rgba(245, 158, 11, 0.16);
}

.alea-hero[b-vwd89hxbxs],
.alea-section[b-vwd89hxbxs] {
    position: relative;
    z-index: 1;
    width: min(1280px, calc(100% - 32px));
    margin: 0 auto;
}

.alea-hero[b-vwd89hxbxs] {
    padding: 48px 0 32px;
}

.hero-inner[b-vwd89hxbxs] {
    min-height: 560px;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 32px;
    overflow: hidden;
    border-radius: 32px;
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.96) 0%, rgba(15, 23, 42, 0.82) 45%, rgba(15, 23, 42, 0.22) 100%), url('/images/alea/ruines-bg.webp') center/cover no-repeat;
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 24px 70px rgba(0,0,0,0.35);
}

.hero-copy[b-vwd89hxbxs] {
    padding: 56px;
}

.hero-badge[b-vwd89hxbxs] {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    border-radius: 999px;
    border: 1px solid rgba(245, 158, 11, 0.42);
    background: rgba(245, 158, 11, 0.10);
    color: #fde68a;
    font-size: .85rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 26px;
}

.hero-copy h1[b-vwd89hxbxs] {
    font-size: clamp(3rem, 7vw, 6rem);
    line-height: .98;
    font-weight: 900;
    margin: 0 0 26px;
    letter-spacing: -0.05em;
}

    .hero-copy h1 span[b-vwd89hxbxs] {
        color: #fcd98d;
    }

.hero-copy p[b-vwd89hxbxs] {
    max-width: 620px;
    font-size: 1.15rem;
    line-height: 1.8;
    color: rgba(255,255,255,0.86);
}

.hero-image[b-vwd89hxbxs] {
    align-self: stretch;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

    .hero-image img[b-vwd89hxbxs] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center bottom;
    }

.alea-section[b-vwd89hxbxs] {
    margin-top: 28px;
}

.light-card[b-vwd89hxbxs] {
    background: radial-gradient(circle at top left, rgba(245, 158, 11, 0.10), transparent 26%), linear-gradient(180deg, #fffaf0 0%, #fff7e8 100%);
    color: #111827;
    border: 1px solid rgba(245, 158, 11, 0.28);
    box-shadow: 0 20px 60px rgba(0,0,0,0.22);
}

.story-card[b-vwd89hxbxs] {
    display: grid;
    grid-template-columns: 1fr .62fr 1fr;
    gap: 34px;
    padding: 42px;
    border-radius: 24px;
}

.section-label[b-vwd89hxbxs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #92400e;
    font-weight: 900;
    font-size: 1.35rem;
    letter-spacing: -0.03em;
}

    .section-label[b-vwd89hxbxs]::before {
        content: "✦";
        display: inline-grid;
        place-items: center;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: rgba(245, 158, 11, 0.18);
        color: #b45309;
        font-size: .9rem;
    }

    .section-label.purple[b-vwd89hxbxs] {
        color: #7c3aed;
    }

        .section-label.purple[b-vwd89hxbxs]::before {
            background: rgba(124, 58, 237, 0.14);
            color: #7c3aed;
        }

.story-column p[b-vwd89hxbxs],
.experience-card p[b-vwd89hxbxs],
.profile-card p[b-vwd89hxbxs] {
    font-size: 1rem;
    line-height: 1.75;
    color: rgba(17,24,39,0.82);
}

.alert-note[b-vwd89hxbxs] {
    margin: 22px 0;
    padding: 18px 20px;
    border-radius: 16px;
    background: rgba(245, 158, 11, 0.16);
    border: 1px solid rgba(245, 158, 11, 0.24);
    color: #713f12;
    font-weight: 700;
    line-height: 1.6;
}

.quote-column[b-vwd89hxbxs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    text-align: center;
    border-left: 1px solid rgba(17,24,39,0.10);
    border-right: 1px solid rgba(17,24,39,0.10);
}

.big-quote[b-vwd89hxbxs] {
    font-size: 5rem;
    line-height: .6;
    color: #d6a13d;
    font-family: Georgia, serif;
}

.quote-column p[b-vwd89hxbxs] {
    font-size: 1.55rem;
    line-height: 1.35;
    font-weight: 800;
    color: #111827;
    font-family: Georgia, serif;
}

.quote-column span[b-vwd89hxbxs] {
    width: 64px;
    height: 2px;
    background: #d6a13d;
    margin-top: 18px;
}

.mini-clues[b-vwd89hxbxs] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 22px 0;
}

    .mini-clues div[b-vwd89hxbxs] {
        padding: 14px;
        border-radius: 14px;
        border: 1px solid rgba(17,24,39,0.10);
        background: rgba(255,255,255,0.55);
        font-size: .9rem;
        font-weight: 700;
        text-align: center;
    }

.story-column strong[b-vwd89hxbxs] {
    color: #92400e;
}

.profile-grid[b-vwd89hxbxs] {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 28px;
}

.profile-photo[b-vwd89hxbxs],
.profile-card[b-vwd89hxbxs] {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.24);
}

    .profile-photo img[b-vwd89hxbxs] {
        width: 100%;
        height: 100%;
        min-height: 520px;
        object-fit: cover;
    }

.profile-card[b-vwd89hxbxs] {
    padding: 42px;
    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(124, 58, 237, 0.38);
    backdrop-filter: blur(10px);
}

    .profile-card h2[b-vwd89hxbxs] {
        margin: 0 0 22px;
        font-size: clamp(2rem, 4vw, 3.2rem);
        line-height: 1.08;
        letter-spacing: -0.05em;
        color: #ffffff;
    }

    .profile-card p[b-vwd89hxbxs] {
        color: rgba(255,255,255,0.78);
    }

.profile-list[b-vwd89hxbxs] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 28px;
}

    .profile-list div[b-vwd89hxbxs] {
        display: flex;
        gap: 14px;
        align-items: center;
        padding: 14px 16px;
        border-radius: 14px;
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(255,255,255,0.12);
        color: rgba(255,255,255,0.90);
        font-weight: 600;
    }

    .profile-list span[b-vwd89hxbxs] {
        display: inline-grid;
        place-items: center;
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        border-radius: 50%;
        background: rgba(245, 158, 11, 0.12);
        border: 1px solid rgba(245, 158, 11, 0.28);
    }

.experience-card[b-vwd89hxbxs] {
    display: grid;
    grid-template-columns: .9fr 1fr .75fr;
    gap: 34px;
    align-items: center;
    padding: 42px;
    border-radius: 24px;
}

    .experience-card h2[b-vwd89hxbxs] {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3.1rem);
        line-height: 1.08;
        letter-spacing: -0.05em;
        color: #111827;
    }

.alea-btn[b-vwd89hxbxs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 22px;
    padding: 15px 28px;
    border-radius: 14px;
    background: linear-gradient(135deg, #7c3aed, #5b21b6);
    color: #ffffff;
    text-decoration: none;
    font-weight: 800;
    box-shadow: 0 12px 28px rgba(124, 58, 237, 0.35);
    transition: transform .2s ease, box-shadow .2s ease;
}

    .alea-btn:hover[b-vwd89hxbxs] {
        transform: translateY(-2px);
        box-shadow: 0 18px 34px rgba(124, 58, 237, 0.45);
        color: #ffffff;
    }

.experience-card blockquote[b-vwd89hxbxs] {
    margin: 0;
    padding-left: 24px;
    border-left: 3px solid #7c3aed;
    color: #6d28d9;
    font-size: 1.45rem;
    line-height: 1.45;
    font-weight: 800;
    font-family: Georgia, serif;
}

@@media (max-width: 991.98px) {
    .hero-inner[b-vwd89hxbxs],
    .story-card[b-vwd89hxbxs],
    .profile-grid[b-vwd89hxbxs],
    .experience-card[b-vwd89hxbxs] {
        grid-template-columns: 1fr;
    }

    .hero-copy[b-vwd89hxbxs] {
        padding: 36px 28px 0;
    }

    .hero-image img[b-vwd89hxbxs] {
        max-height: 520px;
    }

    .quote-column[b-vwd89hxbxs] {
        border-left: none;
        border-right: none;
        border-top: 1px solid rgba(17,24,39,0.10);
        border-bottom: 1px solid rgba(17,24,39,0.10);
    }

    .mini-clues[b-vwd89hxbxs] {
        grid-template-columns: 1fr;
    }

    .profile-photo img[b-vwd89hxbxs] {
        min-height: 360px;
    }
}

@@media (max-width: 575.98px) {
    .alea-hero[b-vwd89hxbxs],
    .alea-section[b-vwd89hxbxs] {
        width: min(100%, calc(100% - 20px));
    }

    .alea-hero[b-vwd89hxbxs] {
        padding-top: 16px;
    }

    .hero-inner[b-vwd89hxbxs],
    .story-card[b-vwd89hxbxs],
    .profile-photo[b-vwd89hxbxs],
    .profile-card[b-vwd89hxbxs],
    .experience-card[b-vwd89hxbxs] {
        border-radius: 20px;
    }

    .story-card[b-vwd89hxbxs],
    .profile-card[b-vwd89hxbxs],
    .experience-card[b-vwd89hxbxs] {
        padding: 26px 20px;
    }

    .hero-copy h1[b-vwd89hxbxs] {
        font-size: 3rem;
    }

    .hero-copy p[b-vwd89hxbxs] {
        font-size: 1rem;
    }

    .section-label[b-vwd89hxbxs] {
        font-size: 1.15rem;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode1/Step1.razor.rz.scp.css */
/* PAGE */
.intro-page[b-kumhd42y2c] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-kumhd42y2c] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-kumhd42y2c] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-kumhd42y2c] {
    margin-bottom: 32px;
    animation: fadeUp-b-kumhd42y2c 0.8s ease;
}

.intro-badge[b-kumhd42y2c] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-kumhd42y2c] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-kumhd42y2c] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-kumhd42y2c] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-kumhd42y2c 1s ease;
}

    .intro-card[b-kumhd42y2c]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-kumhd42y2c] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-kumhd42y2c] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-kumhd42y2c] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-kumhd42y2c] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-kumhd42y2c] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-kumhd42y2c] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-kumhd42y2c] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-kumhd42y2c] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-kumhd42y2c] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-kumhd42y2c],
.btn-secondary[b-kumhd42y2c] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-kumhd42y2c] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-kumhd42y2c] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-kumhd42y2c] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-kumhd42y2c] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-kumhd42y2c {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-kumhd42y2c] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-kumhd42y2c] {
        max-width: 100%;
    }

    .intro-card-content[b-kumhd42y2c] {
        padding: 28px 20px;
    }

    .intro-location[b-kumhd42y2c] {
        padding: 16px;
    }

    .intro-actions[b-kumhd42y2c] {
        flex-direction: column;
    }

    .btn-main[b-kumhd42y2c],
    .btn-secondary[b-kumhd42y2c] {
        width: 100%;
        text-align: center;
    }
}

/* MAP MODAL */
.map-modal-backdrop[b-kumhd42y2c] {
    position: fixed;
    inset: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.map-modal[b-kumhd42y2c] {
    position: relative;
    width: min(100%, 920px);
    height: min(78vh, 680px);
    padding: 58px 18px 18px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 24px;
    background: #17110d;
    box-shadow: 0 24px 80px rgba(0,0,0,0.55);
}

.map-modal-close[b-kumhd42y2c] {
    position: absolute;
    top: 14px;
    right: 16px;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    color: #f5ead7;
    cursor: pointer;
    font-size: 1.8rem;
    line-height: 1;
    transition: all 0.2s ease;
}

    .map-modal-close:hover[b-kumhd42y2c] {
        background: rgba(255,255,255,0.16);
        transform: scale(1.05);
    }

.map-modal-title[b-kumhd42y2c] {
    position: absolute;
    top: 18px;
    left: 20px;
    right: 70px;
    margin: 0;
    color: #fff2dc;
    font-size: 1.05rem;
    font-weight: 700;
}

.map-modal-status[b-kumhd42y2c] {
    margin: 0 0 10px;
    min-height: 22px;
    color: rgba(245, 234, 215, 0.82);
    font-size: 0.92rem;
    line-height: 1.35;
}

.map-modal-status[data-status-type="success"][b-kumhd42y2c] {
    color: #d8f3c6;
}

.map-modal-status[data-status-type="warning"][b-kumhd42y2c] {
    color: #f1cf8b;
}

.map-modal-map[b-kumhd42y2c] {
    width: 100%;
    height: calc(100% - 34px);
    border: 0;
    border-radius: 16px;
    overflow: hidden;
    background: rgba(255,255,255,0.08);
}

.map-fallback[b-kumhd42y2c] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 20px;
    color: #f5ead7;
    text-align: center;
}

@media (max-width: 768px) {
    .map-modal-backdrop[b-kumhd42y2c] {
        padding: 12px;
    }

    .map-modal[b-kumhd42y2c] {
        height: 82vh;
        padding: 56px 12px 12px;
        border-radius: 18px;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode1/Step1a.razor.rz.scp.css */
.step-page[b-augjibfewv] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* HEADER */
.step-header[b-augjibfewv] {
    margin-bottom: 30px;
}

.step-badge[b-augjibfewv] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    font-size: 0.85rem;
}

.step-title[b-augjibfewv] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
}

.step-subtitle[b-augjibfewv] {
    color: rgba(255,255,255,0.6);
}

.location-box[b-augjibfewv] {
    margin-top: 10px;
    padding: 10px 16px;
    border-radius: 12px;
    background: rgba(59,130,246,0.1);
    border: 1px solid rgba(59,130,246,0.2);
    display: inline-block;
}

/* IMAGE */
.step-hero img[b-augjibfewv] {
    border-radius: 20px;
    margin-bottom: 30px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.4);
}

/* CONTENT */
.step-content[b-augjibfewv] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* STORY CARD */
.story-card[b-augjibfewv] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}

.story-label[b-augjibfewv] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    margin-bottom: 10px;
    text-transform: uppercase;
}

/* VARIANTS */
.story-card.danger[b-augjibfewv] {
    border-left: 3px solid #f59e0b;
}

/* TEXTE */
.highlight[b-augjibfewv] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-augjibfewv] {
    font-weight: 600;
    color: white;
}

.focus[b-augjibfewv] {
    font-weight: 600;
    color: #facc15;
}

.quote[b-augjibfewv] {
    font-style: italic;
    margin-top: 10px;
    color: #e5e7eb;
    border-left: 3px solid rgba(255,255,255,0.2);
    padding-left: 12px;
}

/* /Components/Pages/Story/OrderOfTheTomb/Episode1/Step1b.razor.rz.scp.css */
.step-page[b-lsm5nkol7r] {
    max-width: 920px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

.step-header[b-lsm5nkol7r] {
    margin-bottom: 30px;
}

.step-badge[b-lsm5nkol7r] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.08);
    font-size: 0.85rem;
    color: #e5e7eb;
}

.step-title[b-lsm5nkol7r] {
    font-family: 'Cinzel', serif;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-lsm5nkol7r] {
    color: rgba(255,255,255,0.65);
    font-size: 1rem;
}

.step-content[b-lsm5nkol7r] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.story-card[b-lsm5nkol7r] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 22px;
    padding: 28px;
    line-height: 1.85;
    box-shadow: 0 18px 40px rgba(0,0,0,0.22);
    backdrop-filter: blur(8px);
}

.story-label[b-lsm5nkol7r] {
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
    margin-bottom: 12px;
}

.highlight[b-lsm5nkol7r] {
    color: #fbbf24;
    font-weight: 700;
}

.strong[b-lsm5nkol7r] {
    font-weight: 700;
    color: #fff;
}

.focus[b-lsm5nkol7r] {
    font-weight: 600;
    color: #fde68a;
}

.custom-list[b-lsm5nkol7r] {
    padding-left: 1.2rem;
    color: rgba(255,255,255,0.82);
}

    .custom-list li + li[b-lsm5nkol7r] {
        margin-top: 0.35rem;
    }

.enigma-card[b-lsm5nkol7r] {
    border-left: 3px solid rgba(251, 191, 36, 0.55);
}

.enigma-image-wrap[b-lsm5nkol7r] {
    padding: 14px;
    border-radius: 18px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
}

.enigma-image[b-lsm5nkol7r] {
    max-width: 520px;
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 14px 30px rgba(0,0,0,0.25);
}

.hint-text[b-lsm5nkol7r] {
    color: rgba(255,255,255,0.6);
    margin-bottom: 1rem;
}

.answer-panel[b-lsm5nkol7r] {
    margin-top: 1rem;
    padding: 20px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
    border: 1px solid rgba(255,255,255,0.08);
}

.answer-title[b-lsm5nkol7r] {
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
}

.custom-select[b-lsm5nkol7r] {
    max-width: 180px;
    background-color: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
}

    .custom-select option[b-lsm5nkol7r] {
        color: #111827;
    }

.btn-validate[b-lsm5nkol7r] {
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
    font-weight: 600;
    border-radius: 12px;
    padding: 0.75rem 1.25rem;
    transition: all 0.2s ease;
}

    .btn-validate:hover[b-lsm5nkol7r] {
        background: rgba(255,255,255,0.16);
        transform: translateY(-1px);
    }

.feedback-message[b-lsm5nkol7r] {
    color: #fcd34d;
    font-weight: 600;
}

.step-cta[b-lsm5nkol7r] {
    margin-top: 8px;
}

.btn-next[b-lsm5nkol7r] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 700;
    border-radius: 999px;
    padding: 12px 26px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover:not(.disabled)[b-lsm5nkol7r] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-lsm5nkol7r],
    .btn-next[aria-disabled="true"][b-lsm5nkol7r] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

@media (max-width: 576px) {
    .step-page[b-lsm5nkol7r] {
        padding: 28px 14px 40px;
    }

    .story-card[b-lsm5nkol7r] {
        padding: 20px;
        border-radius: 18px;
    }

    .custom-select[b-lsm5nkol7r] {
        max-width: 100%;
    }

    .btn-validate[b-lsm5nkol7r] {
        width: 100%;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode1/Step1c.razor.rz.scp.css */
.step-page[b-2w5nbqfkns] {
    max-width: 920px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

.step-header[b-2w5nbqfkns] {
    margin-bottom: 30px;
}

.step-badge[b-2w5nbqfkns] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.08);
    font-size: 0.85rem;
    color: #e5e7eb;
}

.step-title[b-2w5nbqfkns] {
    font-family: 'Cinzel', serif;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-2w5nbqfkns] {
    color: rgba(255,255,255,0.65);
    font-size: 1rem;
}

.step-content[b-2w5nbqfkns] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.story-card[b-2w5nbqfkns] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 22px;
    padding: 28px;
    line-height: 1.85;
    box-shadow: 0 18px 40px rgba(0,0,0,0.22);
    backdrop-filter: blur(8px);
}

.story-label[b-2w5nbqfkns] {
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
    margin-bottom: 12px;
}

.highlight[b-2w5nbqfkns] {
    color: #fbbf24;
    font-weight: 700;
}

.strong[b-2w5nbqfkns] {
    font-weight: 700;
    color: #fff;
}

.focus[b-2w5nbqfkns] {
    font-weight: 600;
    color: #fde68a;
}

.custom-list[b-2w5nbqfkns] {
    padding-left: 1.2rem;
    color: rgba(255,255,255,0.82);
}

    .custom-list li + li[b-2w5nbqfkns] {
        margin-top: 0.35rem;
    }

.enigma-card[b-2w5nbqfkns] {
    border-left: 3px solid rgba(251, 191, 36, 0.55);
}

.enigma-image-wrap[b-2w5nbqfkns] {
    padding: 14px;
    border-radius: 18px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
}

.enigma-image[b-2w5nbqfkns] {
    max-width: 520px;
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 14px 30px rgba(0,0,0,0.25);
}

.hint-text[b-2w5nbqfkns] {
    color: rgba(255,255,255,0.6);
    margin-bottom: 1rem;
}

.answer-panel[b-2w5nbqfkns] {
    margin-top: 1rem;
    padding: 20px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
    border: 1px solid rgba(255,255,255,0.08);
}

.answer-title[b-2w5nbqfkns] {
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
}

.custom-select[b-2w5nbqfkns] {
    max-width: 180px;
    background-color: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
}

    .custom-select option[b-2w5nbqfkns] {
        color: #111827;
    }



    .btn-validate:hover[b-2w5nbqfkns] {
        background: rgba(255,255,255,0.16);
        transform: translateY(-1px);
    }

.feedback-message[b-2w5nbqfkns] {
    color: #fcd34d;
    font-weight: 600;
}

.step-cta[b-2w5nbqfkns] {
    margin-top: 8px;
}

.btn-next[b-2w5nbqfkns] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 700;
    border-radius: 999px;
    padding: 12px 26px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover:not(.disabled)[b-2w5nbqfkns] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-2w5nbqfkns],
    .btn-next[aria-disabled="true"][b-2w5nbqfkns] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

@media (max-width: 576px) {
    .step-page[b-2w5nbqfkns] {
        padding: 28px 14px 40px;
    }

    .story-card[b-2w5nbqfkns] {
        padding: 20px;
        border-radius: 18px;
    }

    .custom-select[b-2w5nbqfkns] {
        max-width: 100%;
    }

    .btn-validate[b-2w5nbqfkns] {
        width: 100%;
    }
}
.btn-validate[b-2w5nbqfkns] {
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
    font-weight: 600;
    border-radius: 12px;
    padding: 0.75rem 1.25rem;
    transition: all 0.2s ease;
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode1/Step1d.razor.rz.scp.css */
.step-page[b-9qq36rm3qe] {
    max-width: 920px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

.step-header[b-9qq36rm3qe] {
    margin-bottom: 30px;
}

.step-badge[b-9qq36rm3qe] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.08);
    font-size: 0.85rem;
    color: #e5e7eb;
}

.step-title[b-9qq36rm3qe] {
    font-family: 'Cinzel', serif;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-9qq36rm3qe] {
    color: rgba(255,255,255,0.65);
    font-size: 1rem;
}

.step-content[b-9qq36rm3qe] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.story-card[b-9qq36rm3qe] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 22px;
    padding: 28px;
    line-height: 1.85;
    box-shadow: 0 18px 40px rgba(0,0,0,0.22);
    backdrop-filter: blur(8px);
}

.story-label[b-9qq36rm3qe] {
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
    margin-bottom: 12px;
}

.focus[b-9qq36rm3qe] {
    font-weight: 600;
    color: #fde68a;
}

.strong[b-9qq36rm3qe] {
    font-weight: 700;
    color: #fff;
}

.parchment-card[b-9qq36rm3qe] {
    padding-top: 24px;
}

.reveal-card[b-9qq36rm3qe] {
    border-left: 3px solid rgba(251, 191, 36, 0.55);
}

.warning-card[b-9qq36rm3qe] {
    border-left: 3px solid rgba(239, 68, 68, 0.45);
}

.destination-card[b-9qq36rm3qe] {
    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.04));
}

.location-block[b-9qq36rm3qe] {
    margin-top: 8px;
    padding: 24px 20px;
    border-radius: 20px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-mini-label[b-9qq36rm3qe] {
    color: #cbd5e1;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.8rem;
    margin-bottom: 10px;
}

.location-text[b-9qq36rm3qe] {
    font-size: 1.08rem;
    color: #fff;
    line-height: 1.8;
}

.btn-map[b-9qq36rm3qe] {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
    border-radius: 999px;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .btn-map:hover[b-9qq36rm3qe] {
        background: rgba(255,255,255,0.14);
        color: #fff;
        transform: translateY(-1px);
    }

.step-cta[b-9qq36rm3qe] {
    margin-top: 8px;
}

.btn-next[b-9qq36rm3qe] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 700;
    border-radius: 999px;
    padding: 12px 26px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover[b-9qq36rm3qe] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

.btn-validate[b-9qq36rm3qe] {
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
    font-weight: 600;
    border-radius: 12px;
    padding: 0.75rem 1.25rem;
    transition: all 0.2s ease;
}

@media (max-width: 576px) {
    .step-page[b-9qq36rm3qe] {
        padding: 28px 14px 40px;
    }

    .story-card[b-9qq36rm3qe] {
        padding: 20px;
        border-radius: 18px;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode2/Step2.razor.rz.scp.css */
/* PAGE */
.intro-page[b-qna2r2rt5a] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-qna2r2rt5a] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-qna2r2rt5a] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-qna2r2rt5a] {
    margin-bottom: 32px;
    animation: fadeUp-b-qna2r2rt5a 0.8s ease;
}

.intro-badge[b-qna2r2rt5a] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-qna2r2rt5a] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-qna2r2rt5a] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-qna2r2rt5a] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-qna2r2rt5a 1s ease;
}

    .intro-card[b-qna2r2rt5a]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-qna2r2rt5a] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-qna2r2rt5a] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-qna2r2rt5a] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-qna2r2rt5a] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-qna2r2rt5a] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-qna2r2rt5a] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-qna2r2rt5a] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-qna2r2rt5a] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-qna2r2rt5a] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-qna2r2rt5a],
.btn-secondary[b-qna2r2rt5a] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-qna2r2rt5a] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-qna2r2rt5a] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-qna2r2rt5a] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-qna2r2rt5a] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-qna2r2rt5a {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-qna2r2rt5a] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-qna2r2rt5a] {
        max-width: 100%;
    }

    .intro-card-content[b-qna2r2rt5a] {
        padding: 28px 20px;
    }

    .intro-location[b-qna2r2rt5a] {
        padding: 16px;
    }

    .intro-actions[b-qna2r2rt5a] {
        flex-direction: column;
    }

    .btn-main[b-qna2r2rt5a],
    .btn-secondary[b-qna2r2rt5a] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode2/Step2a.razor.rz.scp.css */
.step-page[b-8r3yglqy84] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

/* HEADER */
.step-header[b-8r3yglqy84] {
    margin-bottom: 30px;
}

.step-badge[b-8r3yglqy84] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.08);
    font-size: 0.85rem;
    color: #e5e7eb;
}

.step-title[b-8r3yglqy84] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
    color: #fff;
}

.step-subtitle[b-8r3yglqy84] {
    color: rgba(255,255,255,0.6);
}

/* CONTENT */
.step-content[b-8r3yglqy84] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* STORY CARD */
.story-card[b-8r3yglqy84] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    backdrop-filter: blur(6px);
}

.story-label[b-8r3yglqy84] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.story-block[b-8r3yglqy84] {
    border-left: 3px solid rgba(212, 175, 55, 0.55);
    padding-left: 1rem;
}

.narration[b-8r3yglqy84] {
    line-height: 1.9;
    font-size: 1.05rem;
    color: rgba(255,255,255,0.9);
}

/* IMAGE */
.step-image-wrap[b-8r3yglqy84] {
    margin: 1rem 0 1.25rem;
    text-align: center;
}

.step-image[b-8r3yglqy84] {
    width: 100%;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
    display: block;
}

/* SPECIAL CARDS */
.archive-card[b-8r3yglqy84] {
    padding-top: 22px;
}

.question-card .story-block[b-8r3yglqy84] {
    border-left-color: rgba(96, 165, 250, 0.45);
}

.answer-card .story-block[b-8r3yglqy84] {
    border-left-color: rgba(124, 58, 237, 0.45);
}

/* ANSWER BOX */
.answer-box[b-8r3yglqy84] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.input-answer[b-8r3yglqy84] {
    flex: 1;
    min-height: 46px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    padding: 0.75rem 1rem;
    outline: none;
}

    .input-answer:focus[b-8r3yglqy84] {
        border-color: rgba(251, 191, 36, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.12);
    }

.btn-validate[b-8r3yglqy84] {
    min-height: 46px;
    padding: 0.75rem 1.1rem;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .btn-validate:hover[b-8r3yglqy84] {
        background: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }

.feedback-message[b-8r3yglqy84] {
    color: #facc15;
    font-weight: 600;
}

/* CTA */
.step-cta[b-8r3yglqy84] {
    margin-top: 4px;
}

.btn-next[b-8r3yglqy84] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 999px;
    padding: 12px 24px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover:not(.disabled)[b-8r3yglqy84] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-8r3yglqy84],
    .btn-next[aria-disabled="true"][b-8r3yglqy84] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

/* NEWSPAPER BLOCK */
.newspaper-block[b-8r3yglqy84] {
    position: relative;
    background: #f4ecd8;
    color: #2f2a22;
    border: 1px solid #d4c29a;
    border-radius: 10px;
    padding: 1.5rem 1.25rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22), inset 0 0 30px rgba(120, 95, 45, 0.08);
    overflow: hidden;
    background-image: radial-gradient(rgba(70, 55, 25, 0.035) 0.8px, transparent 0.8px), linear-gradient(180deg, rgba(255,255,255,0.10), rgba(120,90,35,0.03));
    background-size: 4px 4px, 100% 100%;
}

    .newspaper-block[b-8r3yglqy84]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(90deg, rgba(90, 65, 25, 0.06) 0%, transparent 8%, transparent 92%, rgba(90, 65, 25, 0.06) 100%);
        opacity: 0.65;
    }

    .newspaper-block[b-8r3yglqy84]::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15), inset 0 0 22px rgba(90, 65, 25, 0.08);
    }

.newspaper-header[b-8r3yglqy84] {
    position: relative;
    z-index: 1;
    text-align: center;
    border-bottom: 1px solid #b7a170;
    padding-bottom: 0.65rem;
    margin-bottom: 1rem;
}

.newspaper-date[b-8r3yglqy84] {
    font-family: 'Special Elite', monospace;
    font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6f5b33;
    margin-bottom: 0.25rem;
}

.newspaper-title[b-8r3yglqy84] {
    font-family: 'Special Elite', monospace;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #3f3120;
}

.newspaper-content[b-8r3yglqy84] {
    position: relative;
    z-index: 1;
    column-count: 2;
    column-gap: 2rem;
    column-rule: 1px solid rgba(120, 100, 60, 0.18);
    font-family: 'Patrick Hand', cursive;
    font-size: 1.15rem;
    line-height: 1.65;
    color: #2e2a24;
}

    .newspaper-content p[b-8r3yglqy84] {
        margin: 0 0 0.55rem 0;
        text-align: left;
        break-inside: avoid;
        transform: rotate(-0.15deg);
    }

        .newspaper-content p strong[b-8r3yglqy84] {
            font-family: 'Special Elite', monospace;
            font-size: 0.98em;
            color: #433220;
        }

    .newspaper-content .mt-3[b-8r3yglqy84] {
        margin-top: 0.9rem !important;
    }

.newspaper-block em[b-8r3yglqy84],
.newspaper-block i[b-8r3yglqy84] {
    color: #5b4629;
}

.newspaper-block .faded[b-8r3yglqy84] {
    opacity: 0.88;
}

/* MOBILE */
@media (max-width: 768px) {
    .step-page[b-8r3yglqy84] {
        padding: 28px 14px 40px;
    }

    .step-title[b-8r3yglqy84] {
        font-size: 2rem;
    }

    .story-card[b-8r3yglqy84] {
        padding: 20px;
        border-radius: 18px;
    }

    .newspaper-block[b-8r3yglqy84] {
        padding: 1.2rem 1rem;
    }

    .newspaper-title[b-8r3yglqy84] {
        font-size: 1.05rem;
    }

    .newspaper-date[b-8r3yglqy84] {
        font-size: 0.76rem;
    }

    .newspaper-content[b-8r3yglqy84] {
        column-count: 1;
        column-gap: 0;
        column-rule: none;
        font-size: 1.08rem;
        line-height: 1.7;
    }

        .newspaper-content p[b-8r3yglqy84] {
            transform: none;
        }
}

.see-answer-link[b-8r3yglqy84] {
    font-size: 0.9rem;
    color: #6c757d;
    text-decoration: underline;
    cursor: pointer;
    transition: color 0.2s;
}

.see-answer-link:hover[b-8r3yglqy84] {
    color: #000;
}

.solution-box[b-8r3yglqy84] {
    border-left: 4px solid #198754;
    padding: 10px 15px;
    border-radius: 6px;
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode2/Step2b.razor.rz.scp.css */
/* CONTENT */
.step-content[b-zsqh8k42go] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* STORY CARD */
.story-card[b-zsqh8k42go] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    backdrop-filter: blur(6px);
}


.story-block[b-zsqh8k42go] {
    border-left: 3px solid rgba(212, 175, 55, 0.55);
    padding-left: 1rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.9;
    font-size: 1.05rem;
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode3/Step3.razor.rz.scp.css */
/* PAGE */
.intro-page[b-m4y0logbrs] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-m4y0logbrs] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-m4y0logbrs] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-m4y0logbrs] {
    margin-bottom: 32px;
    animation: fadeUp-b-m4y0logbrs 0.8s ease;
}

.intro-badge[b-m4y0logbrs] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-m4y0logbrs] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-m4y0logbrs] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-m4y0logbrs] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-m4y0logbrs 1s ease;
}

    .intro-card[b-m4y0logbrs]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-m4y0logbrs] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-m4y0logbrs] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-m4y0logbrs] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-m4y0logbrs] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-m4y0logbrs] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-m4y0logbrs] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-m4y0logbrs] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-m4y0logbrs] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-m4y0logbrs] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-m4y0logbrs],
.btn-secondary[b-m4y0logbrs] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-m4y0logbrs] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-m4y0logbrs] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-m4y0logbrs] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-m4y0logbrs] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-m4y0logbrs {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-m4y0logbrs] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-m4y0logbrs] {
        max-width: 100%;
    }

    .intro-card-content[b-m4y0logbrs] {
        padding: 28px 20px;
    }

    .intro-location[b-m4y0logbrs] {
        padding: 16px;
    }

    .intro-actions[b-m4y0logbrs] {
        flex-direction: column;
    }

    .btn-main[b-m4y0logbrs],
    .btn-secondary[b-m4y0logbrs] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode3/Step3a.razor.rz.scp.css */
.step-page[b-a3uw6kyo6j] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

.step-header[b-a3uw6kyo6j] {
    margin-bottom: 30px;
}

.step-badge[b-a3uw6kyo6j] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.08);
    font-size: 0.85rem;
    color: #e5e7eb;
}

.step-title[b-a3uw6kyo6j] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-a3uw6kyo6j] {
    color: rgba(255,255,255,0.6);
}

.step-content[b-a3uw6kyo6j] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.story-card[b-a3uw6kyo6j] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    backdrop-filter: blur(6px);
}

.story-label[b-a3uw6kyo6j] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.story-block[b-a3uw6kyo6j] {
    border-left: 3px solid rgba(212, 175, 55, 0.55);
    padding-left: 1rem;
}

.narration[b-a3uw6kyo6j] {
    line-height: 1.9;
    font-size: 1.05rem;
    color: rgba(255,255,255,0.9);
}

.highlight[b-a3uw6kyo6j] {
    font-weight: 600;
    color: #fbbf24;
}

.quote[b-a3uw6kyo6j] {
    font-style: italic;
    opacity: 0.95;
    color: #e5e7eb;
    border-left: 3px solid rgba(255,255,255,0.2);
    padding-left: 12px;
}

.step-image-wrap[b-a3uw6kyo6j],
.compare-image-wrap[b-a3uw6kyo6j] {
    margin: 1rem 0 1.25rem;
}

.step-image[b-a3uw6kyo6j],
.compare-image[b-a3uw6kyo6j] {
    width: 100%;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
    display: block;
}

.question-block[b-a3uw6kyo6j] {
    padding-top: 0.25rem;
}

.answer-box[b-a3uw6kyo6j] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.answer-box-inner[b-a3uw6kyo6j] {
    padding: 1rem;
}

.custom-select[b-a3uw6kyo6j] {
    max-width: 180px;
    background: rgba(255,255,255,0.08);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
}

    .custom-select option[b-a3uw6kyo6j] {
        color: #111827;
    }

.btn-validate[b-a3uw6kyo6j] {
    min-height: 46px;
    padding: 0.75rem 1.1rem;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .btn-validate:hover[b-a3uw6kyo6j] {
        background: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }

.feedback-message[b-a3uw6kyo6j] {
    font-weight: 600;
}

.step-cta[b-a3uw6kyo6j] {
    margin-top: 4px;
}

.btn-next[b-a3uw6kyo6j] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 999px;
    padding: 12px 24px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover:not(.disabled)[b-a3uw6kyo6j] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-a3uw6kyo6j],
    .btn-next[aria-disabled="true"][b-a3uw6kyo6j] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

@media (max-width: 768px) {
    .step-page[b-a3uw6kyo6j] {
        padding: 28px 14px 40px;
    }

    .step-title[b-a3uw6kyo6j] {
        font-size: 2rem;
    }

    .story-card[b-a3uw6kyo6j] {
        padding: 20px;
        border-radius: 18px;
    }

    .answer-box-inner[b-a3uw6kyo6j] {
        padding: 0.9rem;
    }

    .custom-select[b-a3uw6kyo6j] {
        max-width: 100%;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode3/Step3b.razor.rz.scp.css */
.step-page[b-ap8ahsq0ds] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

.step-header[b-ap8ahsq0ds] {
    margin-bottom: 30px;
}

.step-badge[b-ap8ahsq0ds] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.08);
    font-size: 0.85rem;
    color: #e5e7eb;
}

.step-title[b-ap8ahsq0ds] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-ap8ahsq0ds] {
    color: rgba(255,255,255,0.6);
}

.step-content[b-ap8ahsq0ds] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.story-card[b-ap8ahsq0ds] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    backdrop-filter: blur(6px);
}

.story-label[b-ap8ahsq0ds] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.story-block[b-ap8ahsq0ds] {
    border-left: 3px solid rgba(212, 175, 55, 0.55);
    padding-left: 1rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.9;
    font-size: 1.05rem;
}

.highlight[b-ap8ahsq0ds] {
    font-weight: 600;
    color: #fbbf24;
}

.strong[b-ap8ahsq0ds] {
    font-size: 1.2rem;
}

.transition[b-ap8ahsq0ds] {
    text-align: center;
    letter-spacing: 2px;
    opacity: 0.6;
    color: rgba(255,255,255,0.65);
}

.audio-panel[b-ap8ahsq0ds] {
    margin-top: 0.25rem;
    padding: 1rem;
    border-radius: 18px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
}

.audio-immersive[b-ap8ahsq0ds] {
    margin-top: 10px;
}

.btn-audio[b-ap8ahsq0ds] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,0.14);
    background: linear-gradient(145deg, #ffffff, #f1ede8);
    color: #2c2c2c;
    font-weight: 500;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    transition: all 0.25s ease;
}

    .btn-audio:hover[b-ap8ahsq0ds] {
        background: #f5f1ec;
        transform: scale(1.04);
        box-shadow: 0 6px 14px rgba(0,0,0,0.12);
    }

    .btn-audio.playing[b-ap8ahsq0ds] {
        background: linear-gradient(145deg, #ffe9e5, #fcd2cb);
        border-color: #b4290f;
        color: #7a1c10;
    }

    .btn-audio .icon[b-ap8ahsq0ds] {
        font-size: 1.2rem;
    }

.step-cta[b-ap8ahsq0ds] {
    margin-top: 4px;
}

.btn-next[b-ap8ahsq0ds] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 999px;
    padding: 12px 24px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover[b-ap8ahsq0ds] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

@media (max-width: 768px) {
    .step-page[b-ap8ahsq0ds] {
        padding: 28px 14px 40px;
    }

    .step-title[b-ap8ahsq0ds] {
        font-size: 2rem;
    }

    .story-card[b-ap8ahsq0ds] {
        padding: 20px;
        border-radius: 18px;
    }

    .audio-panel[b-ap8ahsq0ds] {
        padding: 0.9rem;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode4/Step4.razor.rz.scp.css */
/* PAGE */
.intro-page[b-lw5m8rntc1] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-lw5m8rntc1] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-lw5m8rntc1] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-lw5m8rntc1] {
    margin-bottom: 32px;
    animation: fadeUp-b-lw5m8rntc1 0.8s ease;
}

.intro-badge[b-lw5m8rntc1] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-lw5m8rntc1] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-lw5m8rntc1] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-lw5m8rntc1] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-lw5m8rntc1 1s ease;
}

    .intro-card[b-lw5m8rntc1]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-lw5m8rntc1] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-lw5m8rntc1] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-lw5m8rntc1] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-lw5m8rntc1] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-lw5m8rntc1] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-lw5m8rntc1] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-lw5m8rntc1] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-lw5m8rntc1] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-lw5m8rntc1] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-lw5m8rntc1],
.btn-secondary[b-lw5m8rntc1] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-lw5m8rntc1] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-lw5m8rntc1] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-lw5m8rntc1] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-lw5m8rntc1] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-lw5m8rntc1 {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-lw5m8rntc1] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-lw5m8rntc1] {
        max-width: 100%;
    }

    .intro-card-content[b-lw5m8rntc1] {
        padding: 28px 20px;
    }

    .intro-location[b-lw5m8rntc1] {
        padding: 16px;
    }

    .intro-actions[b-lw5m8rntc1] {
        flex-direction: column;
    }

    .btn-main[b-lw5m8rntc1],
    .btn-secondary[b-lw5m8rntc1] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode4/Step4a.razor.rz.scp.css */
.step-page[b-ncfx0oq3zj] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

.step-header[b-ncfx0oq3zj] {
    margin-bottom: 30px;
}

.step-badge[b-ncfx0oq3zj] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.08);
    font-size: 0.85rem;
    color: #e5e7eb;
}

.step-title[b-ncfx0oq3zj] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-ncfx0oq3zj] {
    color: rgba(255,255,255,0.6);
}

.step-content[b-ncfx0oq3zj] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.story-card[b-ncfx0oq3zj] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    backdrop-filter: blur(6px);
}

.story-label[b-ncfx0oq3zj] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.story-block[b-ncfx0oq3zj] {
    border-left: 3px solid rgba(212, 175, 55, 0.55);
    padding-left: 1rem;
}

.narration[b-ncfx0oq3zj] {
    line-height: 1.9;
    font-size: 1.05rem;
    color: rgba(255,255,255,0.9);
}

.highlight[b-ncfx0oq3zj] {
    font-weight: 600;
    color: #fbbf24;
}

.quote[b-ncfx0oq3zj] {
    font-style: italic;
    opacity: 0.95;
    color: #e5e7eb;
    border-left: 3px solid rgba(255,255,255,0.2);
    padding-left: 12px;
}

.strong[b-ncfx0oq3zj] {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 700;
}

.section-label[b-ncfx0oq3zj] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    text-transform: uppercase;
}

.section-divider[b-ncfx0oq3zj] {
    height: 1px;
    margin: 1.5rem 0 0.5rem;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
}

.step-image-wrap[b-ncfx0oq3zj] {
    margin: 0 0 1.25rem;
}

.step-image[b-ncfx0oq3zj] {
    width: 100%;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
    display: block;
}

.answer-card[b-ncfx0oq3zj] {
    border-left: 3px solid rgba(124, 58, 237, 0.45);
}

.answer-box[b-ncfx0oq3zj] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.answer-box-inner[b-ncfx0oq3zj] {
    padding: 1rem;
}

.custom-select[b-ncfx0oq3zj] {
    max-width: 220px;
    background: rgba(255,255,255,0.08);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
}

    .custom-select option[b-ncfx0oq3zj] {
        color: #111827;
    }

.input-answer[b-ncfx0oq3zj] {
    flex: 1;
    min-height: 46px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    padding: 0.75rem 1rem;
    outline: none;
}

    .input-answer:focus[b-ncfx0oq3zj] {
        border-color: rgba(251, 191, 36, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.12);
    }

.btn-validate[b-ncfx0oq3zj] {
    min-height: 46px;
    padding: 0.75rem 1.1rem;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .btn-validate:hover[b-ncfx0oq3zj] {
        background: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }

.feedback-message[b-ncfx0oq3zj] {
    font-weight: 600;
}

.step-cta[b-ncfx0oq3zj] {
    margin-top: 4px;
}

.btn-next[b-ncfx0oq3zj] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 999px;
    padding: 12px 24px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover:not(.disabled)[b-ncfx0oq3zj] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-ncfx0oq3zj],
    .btn-next[aria-disabled="true"][b-ncfx0oq3zj] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

@media (max-width: 768px) {
    .step-page[b-ncfx0oq3zj] {
        padding: 28px 14px 40px;
    }

    .step-title[b-ncfx0oq3zj] {
        font-size: 2rem;
    }

    .story-card[b-ncfx0oq3zj] {
        padding: 20px;
        border-radius: 18px;
    }

    .answer-box-inner[b-ncfx0oq3zj] {
        padding: 0.9rem;
    }

    .custom-select[b-ncfx0oq3zj] {
        max-width: 100%;
    }
}

.newspaper-block[b-ncfx0oq3zj] {
    background: #f4ecd8;
    color: #2f2a22;
    border: 1px solid #d4c29a;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), inset 0 0 24px rgba(120, 95, 45, 0.06);
    overflow: hidden;
}

.newspaper-header[b-ncfx0oq3zj] {
    text-align: center;
    border-bottom: 1px solid #b7a170;
    padding-bottom: 0.65rem;
    margin-bottom: 1rem;
}

.newspaper-date[b-ncfx0oq3zj] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6f5b33;
}

.newspaper-title[b-ncfx0oq3zj] {
    font-size: 1.15rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #3f3120;
}

.newspaper-content[b-ncfx0oq3zj] {
    font-size: 1rem;
    line-height: 1.7;
    color: #2e2a24;
}

.newspaper-content.one-column[b-ncfx0oq3zj] {
    column-count: 1;
}

.newspaper-content p[b-ncfx0oq3zj] {
    margin-bottom: 0.75rem;
}

@media (max-width: 768px) {
    .newspaper-content[b-ncfx0oq3zj] {
        font-size: 0.98rem;
        line-height: 1.75;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode4/Step4b.razor.rz.scp.css */
.step-page[b-kx15e317b7] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

.step-header[b-kx15e317b7] {
    margin-bottom: 30px;
}

.step-badge[b-kx15e317b7] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.08);
    font-size: 0.85rem;
    color: #e5e7eb;
}

.step-title[b-kx15e317b7] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-kx15e317b7] {
    color: rgba(255,255,255,0.6);
}

.step-content[b-kx15e317b7] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.story-card[b-kx15e317b7] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    backdrop-filter: blur(6px);
}

.story-label[b-kx15e317b7] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.story-block[b-kx15e317b7] {
    border-left: 3px solid rgba(212, 175, 55, 0.55);
    padding-left: 1rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.9;
    font-size: 1.05rem;
}

.highlight[b-kx15e317b7] {
    font-weight: 600;
    color: #fbbf24;
}

.strong[b-kx15e317b7] {
    color: #fff;
    font-weight: 700;
    font-size: 1.08rem;
}

.section-label[b-kx15e317b7] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    text-transform: uppercase;
}

.section-divider[b-kx15e317b7] {
    height: 1px;
    margin: 1.5rem 0 0.5rem;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
}

.archive-block[b-kx15e317b7] {
    margin-top: 1rem;
}

.step-image-wrap[b-kx15e317b7] {
    margin-top: 1rem;
}

.step-image[b-kx15e317b7] {
    width: 100%;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
    display: block;
}

.step-cta[b-kx15e317b7] {
    margin-top: 4px;
}

.btn-next[b-kx15e317b7] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 999px;
    padding: 12px 24px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover[b-kx15e317b7] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

.newspaper-block[b-kx15e317b7] {
    background: #f4ecd8;
    color: #2f2a22;
    border: 1px solid #d4c29a;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), inset 0 0 24px rgba(120, 95, 45, 0.06);
    overflow: hidden;
}

.newspaper-header[b-kx15e317b7] {
    text-align: center;
    border-bottom: 1px solid #b7a170;
    padding-bottom: 0.65rem;
    margin-bottom: 1rem;
}

.newspaper-date[b-kx15e317b7] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6f5b33;
}

.newspaper-title[b-kx15e317b7] {
    font-size: 1.15rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #3f3120;
}

.newspaper-content[b-kx15e317b7] {
    font-size: 1rem;
    line-height: 1.7;
    color: #2e2a24;
}

    .newspaper-content.one-column[b-kx15e317b7] {
        column-count: 1;
    }

    .newspaper-content p[b-kx15e317b7] {
        margin-bottom: 0.75rem;
    }

@media (max-width: 768px) {
    .step-page[b-kx15e317b7] {
        padding: 28px 14px 40px;
    }

    .step-title[b-kx15e317b7] {
        font-size: 2rem;
    }

    .story-card[b-kx15e317b7] {
        padding: 20px;
        border-radius: 18px;
    }

    .newspaper-content[b-kx15e317b7] {
        font-size: 0.98rem;
        line-height: 1.75;
    }
}

.input-answer:focus[b-kx15e317b7] {
    border-color: rgba(251, 191, 36, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.12);
}

.btn-validate[b-kx15e317b7] {
    min-height: 46px;
    padding: 0.75rem 1.1rem;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .btn-validate:hover[b-kx15e317b7] {
        background: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }

.input-answer[b-kx15e317b7] {
    flex: 1;
    min-height: 46px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    padding: 0.75rem 1rem;
    outline: none;
}

.see-answer-link[b-kx15e317b7] {
    font-size: 0.9rem;
    color: #6c757d;
    text-decoration: underline;
    cursor: pointer;
    transition: color 0.2s;
}

    .see-answer-link:hover[b-kx15e317b7] {
        color: #000;
    }
/* /Components/Pages/Story/OrderOfTheTomb/Episode5/Step5.razor.rz.scp.css */
/* PAGE */
.intro-page[b-x99h63j6g6] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-x99h63j6g6] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-x99h63j6g6] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-x99h63j6g6] {
    margin-bottom: 32px;
    animation: fadeUp-b-x99h63j6g6 0.8s ease;
}

.intro-badge[b-x99h63j6g6] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-x99h63j6g6] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-x99h63j6g6] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-x99h63j6g6] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-x99h63j6g6 1s ease;
}

    .intro-card[b-x99h63j6g6]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-x99h63j6g6] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-x99h63j6g6] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-x99h63j6g6] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-x99h63j6g6] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-x99h63j6g6] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-x99h63j6g6] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-x99h63j6g6] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-x99h63j6g6] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-x99h63j6g6] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-x99h63j6g6],
.btn-secondary[b-x99h63j6g6] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-x99h63j6g6] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-x99h63j6g6] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-x99h63j6g6] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-x99h63j6g6] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-x99h63j6g6 {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-x99h63j6g6] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-x99h63j6g6] {
        max-width: 100%;
    }

    .intro-card-content[b-x99h63j6g6] {
        padding: 28px 20px;
    }

    .intro-location[b-x99h63j6g6] {
        padding: 16px;
    }

    .intro-actions[b-x99h63j6g6] {
        flex-direction: column;
    }

    .btn-main[b-x99h63j6g6],
    .btn-secondary[b-x99h63j6g6] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode5/Step5a.razor.rz.scp.css */
.step-page[b-n76lhyqh86] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

/* HEADER */
.step-header[b-n76lhyqh86] {
    margin-bottom: 30px;
}

.step-title[b-n76lhyqh86] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-n76lhyqh86] {
    color: rgba(255,255,255,0.6);
}

/* CONTENT */
.step-content[b-n76lhyqh86] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* STORY CARD */
.story-card[b-n76lhyqh86] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    backdrop-filter: blur(6px);
}

.story-label[b-n76lhyqh86] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.story-block[b-n76lhyqh86] {
    border-left: 3px solid rgba(212, 175, 55, 0.55);
    padding-left: 1rem;
}

.narration[b-n76lhyqh86] {
    line-height: 1.9;
    font-size: 1.05rem;
    color: rgba(255,255,255,0.9);
}

.section-label[b-n76lhyqh86] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-n76lhyqh86] {
    font-weight: 600;
    color: #fbbf24;
}

.strong[b-n76lhyqh86] {
    font-size: 1.2rem;
    color: #fff;
}

.step-image[b-n76lhyqh86] {
    width: 100%;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
    display: block;
}

/* ANSWER */
.answer-card[b-n76lhyqh86] {
    border-left: 3px solid rgba(124, 58, 237, 0.45);
}

.answer-box[b-n76lhyqh86] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.answer-box-inner[b-n76lhyqh86] {
    padding: 1rem;
}

.custom-select[b-n76lhyqh86] {
    max-width: 220px;
    background: rgba(255,255,255,0.08);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
}

    .custom-select option[b-n76lhyqh86] {
        color: #111827;
    }

.btn-validate[b-n76lhyqh86] {
    min-height: 46px;
    padding: 0.75rem 1.1rem;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .btn-validate:hover[b-n76lhyqh86] {
        background: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }

.feedback-message[b-n76lhyqh86] {
    font-weight: 600;
}

/* CTA */
.step-cta[b-n76lhyqh86] {
    margin-top: 4px;
}

.btn-next[b-n76lhyqh86] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 999px;
    padding: 12px 24px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover:not(.disabled)[b-n76lhyqh86] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-n76lhyqh86],
    .btn-next[aria-disabled="true"][b-n76lhyqh86] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

/* REGISTER */
.register-block[b-n76lhyqh86] {
    background: #f1e7cf;
    color: #2e2a24;
    border: 1px solid #d1bf93;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), inset 0 0 22px rgba(120, 95, 45, 0.06);
}

.register-header[b-n76lhyqh86] {
    text-align: center;
    border-bottom: 1px solid #b7a170;
    padding-bottom: 0.65rem;
    margin-bottom: 1rem;
}

.register-date[b-n76lhyqh86] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6f5b33;
}

.register-title[b-n76lhyqh86] {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #3f3120;
}

.register-content[b-n76lhyqh86] {
    font-size: 1rem;
    line-height: 1.7;
}

    .register-content p[b-n76lhyqh86] {
        margin-bottom: 0.55rem;
    }

@media (max-width: 768px) {
    .step-page[b-n76lhyqh86] {
        padding: 28px 14px 40px;
    }

    .step-title[b-n76lhyqh86] {
        font-size: 2rem;
    }

    .story-card[b-n76lhyqh86] {
        padding: 20px;
        border-radius: 18px;
    }

    .answer-box-inner[b-n76lhyqh86] {
        padding: 0.9rem;
    }

    .custom-select[b-n76lhyqh86] {
        max-width: 100%;
    }

    .register-content[b-n76lhyqh86] {
        font-size: 0.98rem;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode5/Step5b.razor.rz.scp.css */
.step-page[b-oguuy8skav] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

/* HEADER */
.step-header[b-oguuy8skav] {
    margin-bottom: 30px;
}

.step-title[b-oguuy8skav] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-oguuy8skav] {
    color: rgba(255,255,255,0.6);
}

/* CONTENT */
.step-content[b-oguuy8skav] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* STORY CARD */
.story-card[b-oguuy8skav] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    backdrop-filter: blur(6px);
}

.story-label[b-oguuy8skav] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.story-block[b-oguuy8skav] {
    border-left: 3px solid rgba(212, 175, 55, 0.55);
    padding-left: 1rem;
}

.narration[b-oguuy8skav] {
    line-height: 1.9;
    font-size: 1.05rem;
    color: rgba(255,255,255,0.9);
}

.section-label[b-oguuy8skav] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-oguuy8skav] {
    font-weight: 600;
    color: #fbbf24;
}

.strong[b-oguuy8skav] {
    font-size: 1.2rem;
    color: #fff;
}

/* CTA */
.step-cta[b-oguuy8skav] {
    margin-top: 4px;
}

.btn-next[b-oguuy8skav] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 999px;
    padding: 12px 24px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover[b-oguuy8skav] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

/* REGISTER */
.register-block[b-oguuy8skav] {
    background: #f1e7cf;
    color: #2e2a24;
    border: 1px solid #d1bf93;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), inset 0 0 22px rgba(120, 95, 45, 0.06);
}

.register-header[b-oguuy8skav] {
    text-align: center;
    border-bottom: 1px solid #b7a170;
    padding-bottom: 0.65rem;
    margin-bottom: 1rem;
}

.register-date[b-oguuy8skav] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6f5b33;
}

.register-title[b-oguuy8skav] {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #3f3120;
}

.register-content[b-oguuy8skav] {
    font-size: 1rem;
    line-height: 1.7;
}

    .register-content p[b-oguuy8skav] {
        margin-bottom: 0.55rem;
    }

@media (max-width: 768px) {
    .step-page[b-oguuy8skav] {
        padding: 28px 14px 40px;
    }

    .step-title[b-oguuy8skav] {
        font-size: 2rem;
    }

    .story-card[b-oguuy8skav] {
        padding: 20px;
        border-radius: 18px;
    }

    .register-content[b-oguuy8skav] {
        font-size: 0.98rem;
    }
}

.see-answer-link[b-oguuy8skav] {
    font-size: 0.9rem;
    color: #6c757d;
    text-decoration: underline;
    cursor: pointer;
    transition: color 0.2s;
}

    .see-answer-link:hover[b-oguuy8skav] {
        color: #000;
    }

.solution-box[b-oguuy8skav] {
    border-left: 4px solid #198754;
    padding: 10px 15px;
    border-radius: 6px;
}

.btn-validate[b-oguuy8skav] {
    min-height: 46px;
    padding: 0.75rem 1.1rem;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .btn-validate:hover[b-oguuy8skav] {
        background: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }
/* /Components/Pages/Story/OrderOfTheTomb/Episode6/Step6.razor.rz.scp.css */
/* PAGE */
.intro-page[b-f6wi2tb769] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-f6wi2tb769] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-f6wi2tb769] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-f6wi2tb769] {
    margin-bottom: 32px;
    animation: fadeUp-b-f6wi2tb769 0.8s ease;
}

.intro-badge[b-f6wi2tb769] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-f6wi2tb769] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-f6wi2tb769] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-f6wi2tb769] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-f6wi2tb769 1s ease;
}

    .intro-card[b-f6wi2tb769]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-f6wi2tb769] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-f6wi2tb769] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-f6wi2tb769] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-f6wi2tb769] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-f6wi2tb769] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-f6wi2tb769] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-f6wi2tb769] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-f6wi2tb769] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-f6wi2tb769] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-f6wi2tb769],
.btn-secondary[b-f6wi2tb769] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-f6wi2tb769] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-f6wi2tb769] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-f6wi2tb769] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-f6wi2tb769] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-f6wi2tb769 {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-f6wi2tb769] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-f6wi2tb769] {
        max-width: 100%;
    }

    .intro-card-content[b-f6wi2tb769] {
        padding: 28px 20px;
    }

    .intro-location[b-f6wi2tb769] {
        padding: 16px;
    }

    .intro-actions[b-f6wi2tb769] {
        flex-direction: column;
    }

    .btn-main[b-f6wi2tb769],
    .btn-secondary[b-f6wi2tb769] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode6/Step6a.razor.rz.scp.css */
.step-page[b-nieqdmg9cf] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

/* HEADER */
.step-header[b-nieqdmg9cf] {
    margin-bottom: 30px;
}

.step-badge[b-nieqdmg9cf] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.08);
    font-size: 0.85rem;
    color: #e5e7eb;
}

.step-title[b-nieqdmg9cf] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-nieqdmg9cf] {
    color: rgba(255,255,255,0.6);
}

/* CONTENT */
.step-content[b-nieqdmg9cf] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* STORY CARD */
.story-card[b-nieqdmg9cf] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    backdrop-filter: blur(6px);
}

.story-label[b-nieqdmg9cf] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.story-block[b-nieqdmg9cf] {
    border-left: 3px solid rgba(212, 175, 55, 0.55);
    padding-left: 1rem;
}

.narration[b-nieqdmg9cf] {
    line-height: 1.9;
    font-size: 1.05rem;
    color: rgba(255,255,255,0.9);
}

.section-label[b-nieqdmg9cf] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-nieqdmg9cf] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-nieqdmg9cf] {
    font-weight: 600;
    color: #fff;
    font-size: 1.08rem;
}

.quote[b-nieqdmg9cf] {
    font-style: italic;
    margin-top: 10px;
    color: #e5e7eb;
    border-left: 3px solid rgba(255,255,255,0.2);
    padding-left: 12px;
}

/* IMAGE */
.motif-image-wrap[b-nieqdmg9cf] {
    margin-bottom: 1rem;
}

.motif-image[b-nieqdmg9cf] {
    max-width: 260px;
    width: 100%;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
    display: inline-block;
}

/* ANSWER */
.answer-card[b-nieqdmg9cf] {
    border-left: 3px solid rgba(124, 58, 237, 0.45);
}

.answer-box[b-nieqdmg9cf] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.answer-box-inner[b-nieqdmg9cf] {
    padding: 1rem;
}

.custom-select[b-nieqdmg9cf] {
    max-width: 220px;
    background: rgba(255,255,255,0.08);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
}

    .custom-select option[b-nieqdmg9cf] {
        color: #111827;
    }

.btn-validate[b-nieqdmg9cf] {
    min-height: 46px;
    padding: 0.75rem 1.1rem;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .btn-validate:hover[b-nieqdmg9cf] {
        background: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }

.feedback-message[b-nieqdmg9cf] {
    font-weight: 600;
}

/* CTA */
.step-cta[b-nieqdmg9cf] {
    margin-top: 4px;
    text-align: center;
}

.btn-next[b-nieqdmg9cf] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 999px;
    padding: 12px 24px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover:not(.disabled)[b-nieqdmg9cf] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-nieqdmg9cf],
    .btn-next[aria-disabled="true"][b-nieqdmg9cf] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

/* NEWSPAPER */
.newspaper-block[b-nieqdmg9cf] {
    background: #f4ecd8;
    color: #2f2a22;
    border: 1px solid #d4c29a;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), inset 0 0 24px rgba(120, 95, 45, 0.06);
    overflow: hidden;
}

.newspaper-header[b-nieqdmg9cf] {
    text-align: center;
    border-bottom: 1px solid #b7a170;
    padding-bottom: 0.65rem;
    margin-bottom: 1rem;
}

.newspaper-date[b-nieqdmg9cf] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6f5b33;
}

.newspaper-title[b-nieqdmg9cf] {
    font-size: 1.15rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #3f3120;
}

.newspaper-content[b-nieqdmg9cf] {
    font-size: 1rem;
    line-height: 1.7;
    color: #2e2a24;
}

    .newspaper-content.one-column[b-nieqdmg9cf] {
        column-count: 1;
        font-family: 'Patrick Hand', cursive;
        font-size: 1.15rem;
        line-height: 1.7;
        letter-spacing: 0.02em;
    }

    .newspaper-content p[b-nieqdmg9cf] {
        margin-bottom: 0.7rem;
    }

/* MOBILE */
@media (max-width: 768px) {
    .step-page[b-nieqdmg9cf] {
        padding: 28px 14px 40px;
    }

    .step-title[b-nieqdmg9cf] {
        font-size: 2rem;
    }

    .story-card[b-nieqdmg9cf] {
        padding: 20px;
        border-radius: 18px;
    }

    .answer-box-inner[b-nieqdmg9cf] {
        padding: 0.9rem;
    }

    .custom-select[b-nieqdmg9cf] {
        max-width: 100%;
    }

    .newspaper-content[b-nieqdmg9cf] {
        font-size: 0.98rem;
        line-height: 1.75;
    }

        .newspaper-content.one-column[b-nieqdmg9cf] {
            font-size: 1.02rem;
        }

    .strong[b-nieqdmg9cf] {
        font-size: 1.05rem;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode6/Step6b.razor.rz.scp.css */
.step-page[b-6o1lvoq44m] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

/* HEADER */
.step-header[b-6o1lvoq44m] {
    margin-bottom: 30px;
}

.step-badge[b-6o1lvoq44m] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.08);
    font-size: 0.85rem;
    color: #e5e7eb;
}

.step-title[b-6o1lvoq44m] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-6o1lvoq44m] {
    color: rgba(255,255,255,0.6);
}

/* CONTENT */
.step-content[b-6o1lvoq44m] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* STORY CARD */
.story-card[b-6o1lvoq44m] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    backdrop-filter: blur(6px);
}

.story-label[b-6o1lvoq44m] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.story-block[b-6o1lvoq44m] {
    border-left: 3px solid rgba(212, 175, 55, 0.55);
    padding-left: 1rem;
}

.narration[b-6o1lvoq44m] {
    line-height: 1.9;
    font-size: 1.05rem;
    color: rgba(255,255,255,0.9);
}

.section-label[b-6o1lvoq44m] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-6o1lvoq44m] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-6o1lvoq44m] {
    font-weight: 600;
    color: #fff;
    font-size: 1.08rem;
}

.quote[b-6o1lvoq44m] {
    font-style: italic;
    margin-top: 10px;
    color: #e5e7eb;
    border-left: 3px solid rgba(255,255,255,0.2);
    padding-left: 12px;
}

/* CTA */
.step-cta[b-6o1lvoq44m] {
    margin-top: 4px;
    text-align: center;
}

.btn-next[b-6o1lvoq44m] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 999px;
    padding: 12px 24px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover[b-6o1lvoq44m] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

/* PARCHEMIN / MATRICE */
.parchment-wrap[b-6o1lvoq44m] {
    position: relative;
    max-width: 700px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.20), transparent 28%), radial-gradient(circle at bottom right, rgba(110,70,20,0.10), transparent 30%), linear-gradient(180deg, #f3e2b8 0%, #e5cf98 100%);
    border: 1px solid rgba(95, 60, 25, 0.35);
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(0,0,0,0.30), inset 0 0 28px rgba(110, 70, 20, 0.10), inset 0 0 80px rgba(255,255,255,0.07);
    color: #4a2e16;
    overflow: hidden;
}

    .parchment-wrap[b-6o1lvoq44m]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: repeating-linear-gradient( 0deg, rgba(90, 60, 25, 0.025) 0px, rgba(90, 60, 25, 0.025) 1px, transparent 1px, transparent 12px );
        opacity: 0.55;
    }

    .parchment-wrap[b-6o1lvoq44m]::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08), inset 0 0 18px rgba(80,45,15,0.16), inset 0 0 55px rgba(80,45,15,0.08);
    }

.parchment-title[b-6o1lvoq44m] {
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #5a3417;
    margin-bottom: 1.4rem;
    text-shadow: 0 1px 0 rgba(255,255,255,0.25);
}

.parchment-row[b-6o1lvoq44m] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 1rem;
    align-items: center;
    padding: 0.85rem 0.35rem;
    border-bottom: 1px solid rgba(90, 52, 23, 0.16);
    font-size: 1.02rem;
}

    .parchment-row:last-child[b-6o1lvoq44m] {
        border-bottom: none;
    }

.parchment-head[b-6o1lvoq44m] {
    font-weight: 700;
    color: #603718;
    border-bottom: 2px solid rgba(90, 52, 23, 0.28);
    margin-bottom: 0.15rem;
    padding-top: 0;
}

.parchment-row div:first-child[b-6o1lvoq44m] {
    font-weight: 700;
    text-align: center;
}

.parchment-row div:last-child[b-6o1lvoq44m] {
    text-align: left;
}

/* MOBILE */
@media (max-width: 768px) {
    .step-page[b-6o1lvoq44m] {
        padding: 28px 14px 40px;
    }

    .step-title[b-6o1lvoq44m] {
        font-size: 2rem;
    }

    .story-card[b-6o1lvoq44m] {
        padding: 20px;
        border-radius: 18px;
    }

    .parchment-wrap[b-6o1lvoq44m] {
        padding: 1.5rem 1rem;
    }

    .parchment-title[b-6o1lvoq44m] {
        font-size: 1.08rem;
        margin-bottom: 1rem;
    }

    .parchment-row[b-6o1lvoq44m] {
        grid-template-columns: 78px 1fr;
        gap: 0.7rem;
        font-size: 0.95rem;
        padding: 0.75rem 0.2rem;
    }

    .strong[b-6o1lvoq44m] {
        font-size: 1.05rem;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode7/Step7.razor.rz.scp.css */
/* PAGE */
.intro-page[b-c7j92gizi0] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-c7j92gizi0] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-c7j92gizi0] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-c7j92gizi0] {
    margin-bottom: 32px;
    animation: fadeUp-b-c7j92gizi0 0.8s ease;
}

.intro-badge[b-c7j92gizi0] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-c7j92gizi0] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-c7j92gizi0] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-c7j92gizi0] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-c7j92gizi0 1s ease;
}

    .intro-card[b-c7j92gizi0]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-c7j92gizi0] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-c7j92gizi0] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-c7j92gizi0] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-c7j92gizi0] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-c7j92gizi0] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-c7j92gizi0] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-c7j92gizi0] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-c7j92gizi0] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-c7j92gizi0] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-c7j92gizi0],
.btn-secondary[b-c7j92gizi0] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-c7j92gizi0] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-c7j92gizi0] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-c7j92gizi0] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-c7j92gizi0] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-c7j92gizi0 {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-c7j92gizi0] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-c7j92gizi0] {
        max-width: 100%;
    }

    .intro-card-content[b-c7j92gizi0] {
        padding: 28px 20px;
    }

    .intro-location[b-c7j92gizi0] {
        padding: 16px;
    }

    .intro-actions[b-c7j92gizi0] {
        flex-direction: column;
    }

    .btn-main[b-c7j92gizi0],
    .btn-secondary[b-c7j92gizi0] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode7/Step7a.razor.rz.scp.css */
.step-page[b-ampviq2280] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

/* HEADER */
.step-header[b-ampviq2280] {
    margin-bottom: 30px;
}

.step-title[b-ampviq2280] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-ampviq2280] {
    color: rgba(255,255,255,0.6);
}

/* CONTENT */
.step-content[b-ampviq2280] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* STORY CARD */
.story-card[b-ampviq2280] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    backdrop-filter: blur(6px);
}

.story-label[b-ampviq2280] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.story-block[b-ampviq2280] {
    border-left: 3px solid rgba(212, 175, 55, 0.55);
    padding-left: 1rem;
}

.narration[b-ampviq2280] {
    line-height: 1.9;
    font-size: 1.05rem;
    color: rgba(255,255,255,0.9);
}

.section-label[b-ampviq2280] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-ampviq2280] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-ampviq2280] {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
}

/* AUDIO */
.audio-box[b-ampviq2280] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255,255,255,0.1);
}

    .audio-box audio[b-ampviq2280] {
        filter: invert(1) hue-rotate(180deg);
    }

/* ANSWER */
.answer-box[b-ampviq2280] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.answer-box-inner[b-ampviq2280] {
    padding: 1rem;
}

.custom-select[b-ampviq2280] {
    max-width: 220px;
    background: rgba(255,255,255,0.08);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
}

    .custom-select option[b-ampviq2280] {
        color: #111827;
    }

.btn-validate[b-ampviq2280] {
    min-height: 46px;
    padding: 0.75rem 1.1rem;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .btn-validate:hover[b-ampviq2280] {
        background: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }

.feedback-message[b-ampviq2280] {
    font-weight: 600;
}

/* CTA */
.step-cta[b-ampviq2280] {
    margin-top: 4px;
}

.btn-next[b-ampviq2280] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 999px;
    padding: 12px 24px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover:not(.disabled)[b-ampviq2280] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-ampviq2280],
    .btn-next[aria-disabled="true"][b-ampviq2280] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

/* MOBILE */
@media (max-width: 768px) {
    .step-page[b-ampviq2280] {
        padding: 28px 14px 40px;
    }

    .step-title[b-ampviq2280] {
        font-size: 2rem;
    }

    .story-card[b-ampviq2280] {
        padding: 20px;
        border-radius: 18px;
    }

    .answer-box-inner[b-ampviq2280] {
        padding: 0.9rem;
    }

    .custom-select[b-ampviq2280] {
        max-width: 100%;
    }

    .strong[b-ampviq2280] {
        font-size: 1.05rem;
    }
}

.archive-date[b-ampviq2280] {
    font-style: italic;
    opacity: 0.75;
    margin-bottom: 1rem;
    letter-spacing: 1px;
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode7/Step7b.razor.rz.scp.css */
.step-page[b-otcts3hog2] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

/* HEADER */
.step-header[b-otcts3hog2] {
    margin-bottom: 30px;
}

.step-title[b-otcts3hog2] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-otcts3hog2] {
    color: rgba(255,255,255,0.6);
}

/* CONTENT */
.step-content[b-otcts3hog2] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* STORY CARD */
.story-card[b-otcts3hog2] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    backdrop-filter: blur(6px);
}

.story-label[b-otcts3hog2] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.story-block[b-otcts3hog2] {
    border-left: 3px solid rgba(212, 175, 55, 0.55);
    padding-left: 1rem;
}

.narration[b-otcts3hog2] {
    line-height: 1.9;
    font-size: 1.05rem;
    color: rgba(255,255,255,0.9);
}

.section-label[b-otcts3hog2] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-otcts3hog2] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-otcts3hog2] {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
}

/* CTA */
.step-cta[b-otcts3hog2] {
    margin-top: 4px;
}

.btn-next[b-otcts3hog2] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 999px;
    padding: 12px 24px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover[b-otcts3hog2] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

/* MOBILE */
@media (max-width: 768px) {
    .step-page[b-otcts3hog2] {
        padding: 28px 14px 40px;
    }

    .step-title[b-otcts3hog2] {
        font-size: 2rem;
    }

    .story-card[b-otcts3hog2] {
        padding: 20px;
        border-radius: 18px;
    }

    .strong[b-otcts3hog2] {
        font-size: 1.05rem;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode8/Step8.razor.rz.scp.css */
/* PAGE */
.intro-page[b-estl1c4lxb] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-estl1c4lxb] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-estl1c4lxb] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-estl1c4lxb] {
    margin-bottom: 32px;
    animation: fadeUp-b-estl1c4lxb 0.8s ease;
}

.intro-badge[b-estl1c4lxb] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-estl1c4lxb] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-estl1c4lxb] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-estl1c4lxb] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-estl1c4lxb 1s ease;
}

    .intro-card[b-estl1c4lxb]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-estl1c4lxb] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-estl1c4lxb] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-estl1c4lxb] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-estl1c4lxb] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-estl1c4lxb] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-estl1c4lxb] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-estl1c4lxb] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-estl1c4lxb] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-estl1c4lxb] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-estl1c4lxb],
.btn-secondary[b-estl1c4lxb] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-estl1c4lxb] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-estl1c4lxb] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-estl1c4lxb] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-estl1c4lxb] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-estl1c4lxb {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-estl1c4lxb] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-estl1c4lxb] {
        max-width: 100%;
    }

    .intro-card-content[b-estl1c4lxb] {
        padding: 28px 20px;
    }

    .intro-location[b-estl1c4lxb] {
        padding: 16px;
    }

    .intro-actions[b-estl1c4lxb] {
        flex-direction: column;
    }

    .btn-main[b-estl1c4lxb],
    .btn-secondary[b-estl1c4lxb] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode8/Step8a.razor.rz.scp.css */
.step-page[b-bg4alszl5y] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

/* HEADER */
.step-header[b-bg4alszl5y] {
    margin-bottom: 30px;
}

.step-badge[b-bg4alszl5y] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.08);
    font-size: 0.85rem;
    color: #e5e7eb;
}

.step-title[b-bg4alszl5y] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-bg4alszl5y] {
    color: rgba(255,255,255,0.6);
}

/* CONTENT */
.step-content[b-bg4alszl5y] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* STORY CARD */
.story-card[b-bg4alszl5y] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    backdrop-filter: blur(6px);
}

.story-label[b-bg4alszl5y] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.story-block[b-bg4alszl5y] {
    border-left: 3px solid rgba(212, 175, 55, 0.55);
    padding-left: 1rem;
}

.narration[b-bg4alszl5y] {
    line-height: 1.9;
    font-size: 1.05rem;
    color: rgba(255,255,255,0.9);
}

.section-label[b-bg4alszl5y] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-bg4alszl5y] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-bg4alszl5y] {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
}

/* ANSWER */
.answer-card[b-bg4alszl5y] {
    border-left: 3px solid rgba(124, 58, 237, 0.45);
}

.answer-box[b-bg4alszl5y] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.answer-box-inner[b-bg4alszl5y] {
    padding: 1rem;
}

.custom-select[b-bg4alszl5y] {
    max-width: 220px;
    background: rgba(255,255,255,0.08);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
}

    .custom-select option[b-bg4alszl5y] {
        color: #111827;
    }

.btn-validate[b-bg4alszl5y] {
    min-height: 46px;
    padding: 0.75rem 1.1rem;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .btn-validate:hover[b-bg4alszl5y] {
        background: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }

.feedback-message[b-bg4alszl5y] {
    font-weight: 600;
}

/* CTA */
.step-cta[b-bg4alszl5y] {
    margin-top: 4px;
}

.btn-next[b-bg4alszl5y] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 999px;
    padding: 12px 24px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover:not(.disabled)[b-bg4alszl5y] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-bg4alszl5y],
    .btn-next[aria-disabled="true"][b-bg4alszl5y] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

/* AUDIO STYLE CONSERVÉ */
.audio-box[b-bg4alszl5y] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255,255,255,0.1);
}

    .audio-box audio[b-bg4alszl5y] {
        filter: invert(1) hue-rotate(180deg);
    }

/* MOBILE */
@media (max-width: 768px) {
    .step-page[b-bg4alszl5y] {
        padding: 28px 14px 40px;
    }

    .step-title[b-bg4alszl5y] {
        font-size: 2rem;
    }

    .story-card[b-bg4alszl5y] {
        padding: 20px;
        border-radius: 18px;
    }

    .answer-box-inner[b-bg4alszl5y] {
        padding: 0.9rem;
    }

    .custom-select[b-bg4alszl5y] {
        max-width: 100%;
    }

    .strong[b-bg4alszl5y] {
        font-size: 1.05rem;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode8/Step8b.razor.rz.scp.css */
.step-page[b-kh6wotva2q] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

/* HEADER */
.step-header[b-kh6wotva2q] {
    margin-bottom: 30px;
}

.step-badge[b-kh6wotva2q] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.08);
    font-size: 0.85rem;
    color: #e5e7eb;
}

.step-title[b-kh6wotva2q] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-kh6wotva2q] {
    color: rgba(255,255,255,0.6);
}

/* CONTENT */
.step-content[b-kh6wotva2q] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* STORY CARD */
.story-card[b-kh6wotva2q] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    backdrop-filter: blur(6px);
}

.story-label[b-kh6wotva2q] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.story-block[b-kh6wotva2q] {
    border-left: 3px solid rgba(212, 175, 55, 0.55);
    padding-left: 1rem;
}

.narration[b-kh6wotva2q] {
    line-height: 1.9;
    font-size: 1.05rem;
    color: rgba(255,255,255,0.9);
}

.section-label[b-kh6wotva2q] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-kh6wotva2q] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-kh6wotva2q] {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
}

/* SECRET DOCUMENT */
.secret-document[b-kh6wotva2q] {
    background: #efe4c8;
    color: #2f2a22;
    border: 1px solid #cfbd8f;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), inset 0 0 20px rgba(120, 95, 45, 0.06);
}

.secret-document-header[b-kh6wotva2q] {
    text-align: center;
    border-bottom: 1px solid #b7a170;
    padding-bottom: 0.65rem;
    margin-bottom: 1rem;
}

.secret-document-date[b-kh6wotva2q] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6f5b33;
}

.secret-document-title[b-kh6wotva2q] {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #3f3120;
}

.secret-document-body[b-kh6wotva2q] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    font-family: 'Special Elite', monospace;
    font-size: 0.98rem;
    line-height: 1.6;
}

.secret-line[b-kh6wotva2q] {
    display: grid;
    grid-template-columns: 90px 1fr 1.2fr;
    gap: 1rem;
    padding-bottom: 0.45rem;
    border-bottom: 1px dashed rgba(80, 60, 20, 0.18);
}

    .secret-line:last-child[b-kh6wotva2q] {
        border-bottom: none;
    }

.secret-year[b-kh6wotva2q] {
    font-weight: 700;
}

.secret-name[b-kh6wotva2q] {
    font-weight: 600;
}

.secret-role[b-kh6wotva2q] {
    opacity: 0.95;
}

.secret-line.torn[b-kh6wotva2q] {
    opacity: 0.62;
    font-style: italic;
}

/* CTA */
.step-cta[b-kh6wotva2q] {
    margin-top: 4px;
}

.btn-next[b-kh6wotva2q] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 999px;
    padding: 12px 24px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover[b-kh6wotva2q] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

/* AUDIO STYLE CONSERVÉ */
.audio-box[b-kh6wotva2q] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255,255,255,0.1);
}

    .audio-box audio[b-kh6wotva2q] {
        filter: invert(1) hue-rotate(180deg);
    }

/* MOBILE */
@media (max-width: 768px) {
    .step-page[b-kh6wotva2q] {
        padding: 28px 14px 40px;
    }

    .step-title[b-kh6wotva2q] {
        font-size: 2rem;
    }

    .story-card[b-kh6wotva2q] {
        padding: 20px;
        border-radius: 18px;
    }

    .secret-line[b-kh6wotva2q] {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }

    .secret-document-body[b-kh6wotva2q] {
        font-size: 0.94rem;
    }

    .strong[b-kh6wotva2q] {
        font-size: 1.05rem;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode9/Step9.razor.rz.scp.css */
/* PAGE */
.intro-page[b-wqkdcglvda] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-wqkdcglvda] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-wqkdcglvda] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-wqkdcglvda] {
    margin-bottom: 32px;
    animation: fadeUp-b-wqkdcglvda 0.8s ease;
}

.intro-badge[b-wqkdcglvda] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-wqkdcglvda] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-wqkdcglvda] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-wqkdcglvda] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-wqkdcglvda 1s ease;
}

    .intro-card[b-wqkdcglvda]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-wqkdcglvda] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-wqkdcglvda] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-wqkdcglvda] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-wqkdcglvda] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-wqkdcglvda] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-wqkdcglvda] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-wqkdcglvda] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-wqkdcglvda] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-wqkdcglvda] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-wqkdcglvda],
.btn-secondary[b-wqkdcglvda] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-wqkdcglvda] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-wqkdcglvda] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-wqkdcglvda] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-wqkdcglvda] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-wqkdcglvda {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-wqkdcglvda] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-wqkdcglvda] {
        max-width: 100%;
    }

    .intro-card-content[b-wqkdcglvda] {
        padding: 28px 20px;
    }

    .intro-location[b-wqkdcglvda] {
        padding: 16px;
    }

    .intro-actions[b-wqkdcglvda] {
        flex-direction: column;
    }

    .btn-main[b-wqkdcglvda],
    .btn-secondary[b-wqkdcglvda] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode9/Step9a.razor.rz.scp.css */
.step-page[b-kqy8krsuoi] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

/* HEADER */
.step-header[b-kqy8krsuoi] {
    margin-bottom: 30px;
    text-align: center;
}

.step-title[b-kqy8krsuoi] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-kqy8krsuoi] {
    color: rgba(255,255,255,0.6);
}

/* CONTENT */
.step-content[b-kqy8krsuoi] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* STORY CARD */
.story-card[b-kqy8krsuoi] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    backdrop-filter: blur(6px);
}

.story-label[b-kqy8krsuoi] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.story-block[b-kqy8krsuoi] {
    border-left: 3px solid rgba(212, 175, 55, 0.55);
    padding-left: 1rem;
}

.narration[b-kqy8krsuoi] {
    line-height: 1.9;
    font-size: 1.05rem;
    color: rgba(255,255,255,0.9);
}

.section-label[b-kqy8krsuoi] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-kqy8krsuoi] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-kqy8krsuoi] {
    font-weight: 600;
    color: white;
    font-size: 1.2rem;
}

/* TOP ACTION */
.top-action[b-kqy8krsuoi] {
    margin-bottom: 1rem;
}

/* AUDIO BUTTON */
.btn-audio-toggle[b-kqy8krsuoi] {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
    border-radius: 999px;
    padding: 0.45rem 0.9rem;
    transition: all 0.2s ease;
}

    .btn-audio-toggle:hover[b-kqy8krsuoi] {
        background: rgba(255,255,255,0.14);
        color: #fff;
        transform: translateY(-1px);
    }

/* AUDIO STYLE EXISTANT */
.audio-box[b-kqy8krsuoi] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255,255,255,0.1);
}

    .audio-box audio[b-kqy8krsuoi] {
        filter: invert(1) hue-rotate(180deg);
    }

.audio-background[b-kqy8krsuoi] {
    display: none; /* invisible */
}

/* MOBILE */
@media (max-width: 768px) {
    .step-page[b-kqy8krsuoi] {
        padding: 28px 14px 40px;
    }

    .step-title[b-kqy8krsuoi] {
        font-size: 2rem;
    }

    .story-card[b-kqy8krsuoi] {
        padding: 20px;
        border-radius: 18px;
    }

    .strong[b-kqy8krsuoi] {
        font-size: 1.05rem;
    }
}

/* VIDEO HOMMAGE */
.tribute-video[b-kqy8krsuoi] {
}

.video-wrapper[b-kqy8krsuoi] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(0,0,0,0.35);
    border: 1px solid rgba(255,255,255,0.12);
    background: #000;
}

    .video-wrapper iframe[b-kqy8krsuoi] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }
/* /Components/Pages/Story/OrderOfTheTomb/Intro.razor.rz.scp.css */
.adventure-intro-page[b-2dtsvsuekc] {
    min-height: 100vh;
    background: radial-gradient(circle at top, rgba(158, 122, 72, 0.10), transparent 35%), linear-gradient(180deg, #0e141b 0%, #131c24 100%);
    color: #f5efe4;
    font-family: "Inter", "Segoe UI", sans-serif;
}

/* HERO */
.adventure-hero[b-2dtsvsuekc] {
    position: relative;
    height: 70vh;
    min-height: 520px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adventure-hero-image[b-2dtsvsuekc] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.adventure-hero-overlay[b-2dtsvsuekc] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(7, 10, 14, 0.15), rgba(7, 10, 14, 0.75)), linear-gradient(to top, rgba(7, 10, 14, 0.95), rgba(7, 10, 14, 0.1));
}

.adventure-hero-content[b-2dtsvsuekc] {
    position: relative;
    z-index: 2;
    max-width: 900px;
    text-align: center;
    padding: 2rem;
}

.adventure-badge[b-2dtsvsuekc] {
    display: inline-block;
    margin-bottom: 1rem;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    background: rgba(201, 166, 107, 0.16);
    border: 1px solid rgba(201, 166, 107, 0.35);
    color: #e4c48e;
    font-size: 0.85rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
}

.adventure-title[b-2dtsvsuekc] {
    margin: 0;
    font-size: clamp(2.2rem, 5vw, 4.5rem);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.adventure-subtitle[b-2dtsvsuekc] {
    margin: 1rem auto 0;
    max-width: 700px;
    font-size: 1.1rem;
    line-height: 1.7;
    color: rgba(245, 239, 228, 0.88);
}

/* SECTIONS */
.adventure-intro-section[b-2dtsvsuekc],
.adventure-info-section[b-2dtsvsuekc],
.adventure-practical-section[b-2dtsvsuekc],
.adventure-cta-section[b-2dtsvsuekc] {
    width: min(1100px, calc(100% - 2rem));
    margin: 0 auto;
}

.adventure-intro-section[b-2dtsvsuekc] {
    margin-top: -70px;
    position: relative;
    z-index: 3;
}

.adventure-intro-card[b-2dtsvsuekc],
.practical-card[b-2dtsvsuekc],
.adventure-cta-card[b-2dtsvsuekc] {
    background: rgba(18, 24, 31, 0.88);
    border: 1px solid rgba(201, 166, 107, 0.18);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
    border-radius: 24px;
    backdrop-filter: blur(8px);
}

/* INTRO CARD */
.adventure-intro-card[b-2dtsvsuekc] {
    padding: 2rem;
}

.intro-label[b-2dtsvsuekc] {
    display: inline-block;
    margin-bottom: 1rem;
    color: #d7b67b;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.intro-lead[b-2dtsvsuekc] {
    margin: 0 0 1rem 0;
    font-size: clamp(1.4rem, 2vw, 2rem);
    line-height: 1.3;
    font-weight: 700;
    color: #fff7ea;
}

.intro-text[b-2dtsvsuekc] {
    margin: 0 0 1rem 0;
    font-size: 1.05rem;
    line-height: 1.8;
    color: rgba(245, 239, 228, 0.9);
}

/* INFO GRID */
.adventure-info-section[b-2dtsvsuekc] {
    padding: 2rem 0 0 0;
}

.adventure-info-grid[b-2dtsvsuekc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.info-card[b-2dtsvsuekc] {
    background: rgba(18, 24, 31, 0.72);
    border: 1px solid rgba(201, 166, 107, 0.14);
    border-radius: 20px;
    padding: 1.5rem;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.18);
}

.info-icon[b-2dtsvsuekc] {
    font-size: 1.8rem;
    margin-bottom: 0.9rem;
}

.info-title[b-2dtsvsuekc] {
    margin: 0 0 0.6rem 0;
    font-size: 1.1rem;
    color: #fff2d7;
    font-weight: 700;
}

.info-text[b-2dtsvsuekc] {
    margin: 0;
    color: rgba(245, 239, 228, 0.82);
    line-height: 1.7;
}

/* PRACTICAL */
.adventure-practical-section[b-2dtsvsuekc] {
    padding: 2rem 0 0 0;
}

.practical-card[b-2dtsvsuekc] {
    padding: 2rem;
}

.practical-title[b-2dtsvsuekc] {
    margin: 0 0 1.2rem 0;
    font-size: 1.5rem;
    color: #fff2d7;
}

.practical-list[b-2dtsvsuekc] {
    display: grid;
    gap: 0.9rem;
}

.practical-item[b-2dtsvsuekc] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(201, 166, 107, 0.08);
}

.practical-label[b-2dtsvsuekc] {
    color: #d7b67b;
    font-weight: 700;
}

.practical-value[b-2dtsvsuekc] {
    color: rgba(245, 239, 228, 0.92);
    text-align: right;
}

/* CTA */
.adventure-cta-section[b-2dtsvsuekc] {
    padding: 2rem 0 4rem 0;
}

.adventure-cta-card[b-2dtsvsuekc] {
    text-align: center;
    padding: 2.5rem 2rem;
}

.cta-kicker[b-2dtsvsuekc] {
    margin: 0 0 0.5rem 0;
    color: #d7b67b;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.85rem;
    font-weight: 700;
}

.cta-title[b-2dtsvsuekc] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    color: #fff7ea;
}

.cta-text[b-2dtsvsuekc] {
    margin: 1rem auto 0;
    max-width: 640px;
    color: rgba(245, 239, 228, 0.85);
    line-height: 1.7;
}

.cta-actions[b-2dtsvsuekc] {
    margin-top: 1.7rem;
}

.btn-main[b-2dtsvsuekc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.95rem 1.5rem;
    min-width: 220px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 700;
    background: linear-gradient(135deg, #d7b67b 0%, #b78d4e 100%);
    color: #10161d;
    box-shadow: 0 12px 26px rgba(183, 141, 78, 0.28);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .btn-main:hover[b-2dtsvsuekc] {
        transform: translateY(-2px);
        box-shadow: 0 16px 32px rgba(183, 141, 78, 0.34);
        color: #10161d;
    }

/* RESPONSIVE */
@media (max-width: 900px) {
    .adventure-info-grid[b-2dtsvsuekc] {
        grid-template-columns: 1fr;
    }

    .practical-item[b-2dtsvsuekc] {
        flex-direction: column;
        align-items: flex-start;
    }

    .practical-value[b-2dtsvsuekc] {
        text-align: left;
    }
}

@media (max-width: 640px) {
    .adventure-hero[b-2dtsvsuekc] {
        min-height: 460px;
        height: 62vh;
    }

    .adventure-intro-card[b-2dtsvsuekc],
    .practical-card[b-2dtsvsuekc],
    .adventure-cta-card[b-2dtsvsuekc] {
        padding: 1.35rem;
        border-radius: 18px;
    }

    .adventure-intro-section[b-2dtsvsuekc] {
        margin-top: -40px;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Parchment.razor.rz.scp.css */
/* Parchment */
.parchment-wrap[b-0uhsw2ljkw] {
    position: relative;
    max-width: 620px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.22), transparent 28%), radial-gradient(circle at bottom right, rgba(90,50,20,0.10), transparent 30%), linear-gradient(180deg, #f3e2b8 0%, #e8d19a 100%);
    border: 1px solid rgba(95, 60, 25, 0.35);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.28), inset 0 0 30px rgba(110, 70, 20, 0.12), inset 0 0 80px rgba(255,255,255,0.08);
    color: #4a2e16;
    overflow: hidden;
}

    .parchment-wrap[b-0uhsw2ljkw]::before,
    .parchment-wrap[b-0uhsw2ljkw]::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
    }

    .parchment-wrap[b-0uhsw2ljkw]::before {
        background: repeating-linear-gradient( 0deg, rgba(90, 60, 25, 0.025) 0px, rgba(90, 60, 25, 0.025) 1px, transparent 1px, transparent 12px );
        opacity: 0.55;
    }

    .parchment-wrap[b-0uhsw2ljkw]::after {
        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08), inset 0 0 18px rgba(80, 45, 15, 0.18), inset 0 0 55px rgba(80, 45, 15, 0.10);
    }

.parchment-title[b-0uhsw2ljkw] {
    text-align: center;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    color: #5a3417;
    text-shadow: 0 1px 0 rgba(255,255,255,0.25);
}

.parchment-row[b-0uhsw2ljkw] {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 1rem;
    padding: 0.8rem 0.25rem;
    border-bottom: 1px solid rgba(90, 52, 23, 0.18);
    align-items: center;
    font-size: 1.05rem;
}

    .parchment-row:last-child[b-0uhsw2ljkw] {
        border-bottom: none;
    }

.parchment-head[b-0uhsw2ljkw] {
    font-weight: 700;
    color: #603718;
    border-bottom: 2px solid rgba(90, 52, 23, 0.28);
    margin-bottom: 0.2rem;
    padding-top: 0;
}

.parchment-row div:first-child[b-0uhsw2ljkw] {
    font-weight: 700;
    text-align: center;
}

.parchment-row div:last-child[b-0uhsw2ljkw] {
    font-style: italic;
}


@media (max-width: 576px) {

    .parchment-wrap[b-0uhsw2ljkw] {
        padding: 1.5rem 1rem;
    }

    .parchment-row[b-0uhsw2ljkw] {
        grid-template-columns: 80px 1fr;
        gap: 0.75rem;
        font-size: 0.98rem;
    }

    .parchment-title[b-0uhsw2ljkw] {
        font-size: 1.15rem;
    }
}