/* /Components/Cards/QuestionTypeCard.razor.rz.scp.css */
/*.question-type-card {
    flex: 1;
    border-radius: 1.25rem;
    overflow: hidden;
    cursor: pointer;
    background: #121212;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    height:100%;
}*/

.question-type-card[b-n14e1clo9z] {
    position: relative;
    aspect-ratio: 1 / 1;
    border-radius: 18px;
    overflow: hidden;
    cursor: pointer;
    padding: 5rem;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    font-weight: 500;
    font-family: "Montserrat",sans-serif;
    background: linear-gradient( to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.45) );
}

.question-type-card-content[b-n14e1clo9z] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding:5rem;
   
}


.card-image[b-n14e1clo9z] {
    position: absolute;
    inset: 12px;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    background-position: center;
    transition: transform 0.4s ease;
}



.question-type-card:hover .card-image[b-n14e1clo9z] {
    transform: scale(1.06);
}



.card-image[b-n14e1clo9z]::after {
    content: "";
    position: absolute;
    inset: 12px;
    
    border-radius: 14px;
}


.card-tooltip[b-n14e1clo9z] {
    position: absolute;
    inset: auto 0 0 0;
    padding: 1rem;
    background: linear-gradient( to top, rgba(0,0,0,0.75), transparent );
    color: white;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.25s ease, transform 0.25s ease;
    pointer-events: none;
}

.question-type-card:hover .card-tooltip[b-n14e1clo9z] {
    opacity: 1;
    transform: translateY(0);
}


.card-tooltip h3[b-n14e1clo9z] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.card-tooltip p[b-n14e1clo9z] {
    margin: 0.25rem 0 0;
    font-size: 0.85rem;
    opacity: 0.85;
}



.question-type-card.supported:hover[b-n14e1clo9z] {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);
}



.question-type-card.unsupported[b-n14e1clo9z] {
    cursor: not-allowed;
    filter: grayscale(1) brightness(0.6);
    opacity: 0.6;
    box-shadow:none;
}

    .question-type-card.unsupported .card-image[b-n14e1clo9z]::after {

    }


    .question-type-card.unsupported .card-image[b-n14e1clo9z] {
        transform: none !important;
    }

    .question-type-card.unsupported:hover[b-n14e1clo9z] {
        transform: none;
        box-shadow: none;
    }



    .question-type-card.unsupported[b-n14e1clo9z]::before {
        content: "coming Soon";
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-family: "Montserrat",sans-serif;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: white;
        background: rgba(0, 0, 0, 0.35);
        z-index: 2;
    }


    .question-type-card.unsupported .card-tooltip[b-n14e1clo9z] {
        opacity: 1;
        transform: none;
        background: linear-gradient( to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.5) );
    }


        .question-type-card.unsupported .card-tooltip h3[b-n14e1clo9z] {
            opacity: 0.85;
        }

        .question-type-card.unsupported .card-tooltip p[b-n14e1clo9z] {
            opacity: 0.7;
            font-style: italic;
        }

/* /Components/Cards/TopicCard.razor.rz.scp.css */


.topic-card[b-7xjfpnvrh3] {
    position: relative;
    width: 100%;
    aspect-ratio: 9/16;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

    .topic-card:hover[b-7xjfpnvrh3] {
        transform: translateY(-4px);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
    }



.card-image[b-7xjfpnvrh3] {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.35s ease;

}

.topic-card:hover .card-image[b-7xjfpnvrh3] {
    transform: scale(1.04);
}


.topic-card[b-7xjfpnvrh3]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient( to top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.15), transparent );
    opacity: 0.9;
    pointer-events: none;
}

/* /Components/HomePage Components/MainContentGrid.razor.rz.scp.css */

.grid-container[b-xatn124hzr] {
    width: 100%;
    max-width: 1400px;
    max-height: 40rem;
    display: grid;
    grid-template-columns: repeat(3,280px);
    grid-column-gap: 3rem;
    grid-row-gap:2rem;
    justify-content: center;
    align-items: center;
    overflow-y: auto; /* scroll if sidebar grows too tall */
    scrollbar-width: none; /* Firefox */
    scrollbar-color: hsla(240, 80%, 60%, 0.45) transparent;
    background-color: hsla(0, 0%, 100%, 0.04);
    border-radius: 14px;
    /* Content fade */
    -webkit-mask-image: linear-gradient( to bottom, black 75%, transparent 100% );
    mask-image: linear-gradient( to bottom, black 75%, transparent 100% );
    padding: 2.5rem;
    margin-left: 5.5rem;
}




.grid-item[b-xatn124hzr] {
    width: 100%; /* smaller than full column */
    max-width: 300px; /* optional: prevents huge cards on large screens */
}

/* /Components/HomePage Components/Sidebar.razor.rz.scp.css */
.sidebar-container[b-48waj7n2z3] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.5rem;
    max-height: 40rem;
    background-color: hsla(0, 0%, 100%, 0.04);
    border-radius: 14px;
    font-weight: 500;
    font-family: "Montserrat",sans-serif;
    overflow-y: auto; /* scroll if sidebar grows too tall */
    scrollbar-width: none; /* Firefox */
    scrollbar-color: hsla(240, 80%, 60%, 0.45) transparent;
    /* Content fade */
    -webkit-mask-image: linear-gradient( to bottom, black 75%, transparent 100% );
    mask-image: linear-gradient( to bottom, black 75%, transparent 100% );
}

h2[b-48waj7n2z3] {
    color: hsl(0, 0%, 85%);
    font-family: "Montserrat",sans-serif;
    padding-bottom: 0.8rem;
    padding-top:1.5rem;
}
/* /Components/Image/ImageGameViewer.razor.rz.scp.css */
body[b-u5exnc4uvc] {
}
/* /Components/Image/ImageQuestionView.razor.rz.scp.css */
.container[b-s1jojd0fqx] {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow-y: auto; /* scroll if sidebar grows too tall */
    scrollbar-width: none; /* Firefox */
}


    .container > :nth-child(1)[b-s1jojd0fqx] {
        /* first item */
        align-self: flex-end;
        font-size: 1.5rem;
    }


    .container > :nth-child(2)[b-s1jojd0fqx] {
        /* second item */
        align-self: center;
        
        padding:1rem;
    }


.question-options[b-s1jojd0fqx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    padding-top:0px;
    padding-bottom:0px;
    font-size: 2rem;
    width: 100%;
}

.btn-option[b-s1jojd0fqx] {
    background-color: #4649FF;
    padding: 0.25rem;
    font-weight: bold;
    border-radius: 14px;
    min-width: 700px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

    .btn-option:hover[b-s1jojd0fqx] {
        transform: translateY(-6px);
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);
    }

.btn-disabled[b-s1jojd0fqx] {
    background-color: #a1a1aa; /* grayish */
    color: #f4f4f5; /* light text */
    cursor: not-allowed;
    pointer-events: none; /* prevents clicks & hover */
    opacity: 0.7; /* subtle dimming */
    transform: none !important; /* disables any scale/pulse animations */
    transition: none !important; /* disables hover transitions */
    box-shadow: none !important; /* remove glow/shadow */
}

    .btn-disabled:hover[b-s1jojd0fqx] {
        cursor: not-allowed;
    }


.btn-animate[b-s1jojd0fqx] {
    animation: pulseGlow-b-s1jojd0fqx 1.6s ease-in-out infinite;
}

@keyframes pulseGlow-b-s1jojd0fqx {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(79, 70, 229, 0.0);
    }

    50% {
        transform: scale(1.03);
        box-shadow: 0 0 18px rgba(79, 70, 229, 0.45);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(79, 70, 229, 0.0);
    }
}
/* /Components/LandingPage/LandingHero.razor.rz.scp.css */
.landing-hero[b-778y1sy245] {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    min-height: 260px;
}


    .landing-hero h1:focus[b-778y1sy245] {
        outline: none;
    }


.card-image[b-778y1sy245] {
    position: absolute;
    inset: 12px;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    background-position: center;
    
}

    .landing-hero[b-778y1sy245]::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( to top, rgba(0,0,0,0.75), rgba(0,0,0,0.2) );
    }

    .landing-hero > div[b-778y1sy245] {
        position: absolute;
        bottom: 1.5rem;
        left: 1.5rem;
        z-index: 1;
        color: white;
        max-width: 600px;
    }
/* /Components/LandingPage/LandingRules.razor.rz.scp.css */
.landing-rules ul[b-kxf5zhuhv6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    padding: 0;
    list-style: none;
}

.landing-rules li[b-kxf5zhuhv6] {
    background: rgba(255,255,255,0.05);
    border-radius: 14px;
    padding: 1rem;
    backdrop-filter: blur(6px);
}

.landing-rules h3[b-kxf5zhuhv6]{

    margin-bottom:1.2rem;
}
/* /Components/QuizRunner.razor.rz.scp.css */
.btn-next[b-qldm3a6yoq] {
    background-color: #4649FF;
    padding: 0.5rem;
    font-weight: bold;
    border-radius: 14px;
    min-height: 50px;
    max-width:25rem;
    margin-top: 3rem;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    font-size: 2rem;
    align-self:center;
    
}


.btn-next:hover[b-qldm3a6yoq] {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);
}


.stats[b-qldm3a6yoq] {
    padding: 0.5rem;
    font-weight: bold;
    font-size:1.3rem;
}

.quiz-complete[b-qldm3a6yoq] {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: center;
    padding: 40px 30px;
    margin: 40px auto;
    max-width: 400px;
    text-align: center;
}

    .quiz-complete button[b-qldm3a6yoq] {
        width: 100%;
        padding: 12px 16px;
        font-size: 1rem;
        font-weight: 500;
        border: none;
        border-radius: 12px;
        cursor: pointer;
        transition: all 0.25s ease;
        display: flex;
        align-items: center;
        justify-content: center;
    }
.btn-try-again[b-qldm3a6yoq] {
    font-weight: 500;
    font-weight: bold;
    font-family: "Montserrat",sans-serif;
    background: #4649FF;
    min-width: 10rem;
    min-height: 3rem;
    border-radius: 14px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

    .btn-try-again:hover[b-qldm3a6yoq] {
        transform: translateY(-6px);
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);
    }

/* Return Home button (secondary) */
.btn-nav-home[b-qldm3a6yoq] {
    min-width: 10rem;
    min-height: 3rem;
    font-weight: 500;
    font-weight: bold;
    font-family: "Montserrat",sans-serif;
    background: #7978FF;
    border-radius: 14px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

    .btn-nav-home:hover[b-qldm3a6yoq] {
        transform: translateY(-6px);
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);
    }


/* /Components/Skeletons/SkeletonLayout.razor.rz.scp.css */
/* Skeleton Base */
.skeleton-layout[b-psxukrnusn] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Header Placeholder */
.skeleton-header[b-psxukrnusn] {
    height: 70px;
    width: 100%;
    border-radius: 0;
}

/* Main Placeholder */
.skeleton-main[b-psxukrnusn] {
    flex: 1;
    margin: 20px;
    border-radius: 16px;
}

/* Footer Placeholder */
.skeleton-footer[b-psxukrnusn] {
    height: 60px;
    width: 100%;
    border-radius: 0;
}

/* Shared Skeleton Look */
.skeleton-header[b-psxukrnusn],
.skeleton-main[b-psxukrnusn],
.skeleton-footer[b-psxukrnusn] {
    background: #f2f2f2;
    animation: skeletonPulse-b-psxukrnusn 1.4s ease-in-out infinite;
}

/* Pulse Animation */
@keyframes skeletonPulse-b-psxukrnusn {
    0% {
        background-color: #f2f2f2;
    }

    50% {
        background-color: #e6e6e6;
    }

    100% {
        background-color: #f2f2f2;
    }
}
/* /Components/Text/TextQuestionView.razor.rz.scp.css */
.container[b-gm1f762lfw] {
    display: flex;
    flex: 1;
    flex-direction: column;
    
    overflow-y: auto; /* scroll if sidebar grows too tall */
    scrollbar-width: none; /* Firefox */
    
  
}

    .container > :nth-child(1)[b-gm1f762lfw] {
        /* first item */
        align-self: flex-end;
        font-size:1.5rem;

    }

    .container > :nth-child(2)[b-gm1f762lfw] {
        /* second item */
        align-self: center;
        font-size:2rem;
        padding:1rem;
    }


.question-options[b-gm1f762lfw] {
   display:flex;
   flex-direction:column;
   gap:0.5rem;
   justify-content: center;
   align-items: center;
   padding:2rem;
   font-size:2rem;
   width:100%;
}

.btn-option[b-gm1f762lfw] {
    background-color: #4649FF;
    padding: 0.25rem;
    font-weight: bold;
    border-radius: 14px;
    min-width: 700px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

    .btn-option:hover[b-gm1f762lfw] {
        transform: translateY(-6px);
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);
    }

.btn-disabled[b-gm1f762lfw] {
    background-color: #a1a1aa; /* grayish */
    color: #f4f4f5; /* light text */
    cursor: not-allowed;
    pointer-events: none; /* prevents clicks & hover */
    opacity: 0.7; /* subtle dimming */
    transform: none !important; /* disables any scale/pulse animations */
    transition: none !important; /* disables hover transitions */
    box-shadow: none !important; /* remove glow/shadow */
}

    .btn-disabled:hover[b-gm1f762lfw] {
        cursor: not-allowed;
    }


.btn-animate[b-gm1f762lfw] {
    animation: pulseGlow-b-gm1f762lfw 1.6s ease-in-out infinite;
}

@keyframes pulseGlow-b-gm1f762lfw {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(79, 70, 229, 0.0);
    }

    50% {
        transform: scale(1.03);
        box-shadow: 0 0 18px rgba(79, 70, 229, 0.45);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(79, 70, 229, 0.0);
    }
}
/* /Components/Wordle/WordleQuestionView.razor.rz.scp.css */
.wordle-container[b-hmvjz141vx] {
    outline: none;
}

.board[b-hmvjz141vx] {
    display: grid;
    gap: 6px;
    margin-bottom: 10px;
    justify-content:center;
    align-items:center;
}

.tile[b-hmvjz141vx] {
    width: 60px;
    height: 60px;
    border: 2px solid #555;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
}

    .tile.correct[b-hmvjz141vx] {
        background-color: #6aaa64;
        color: white;
    }

    .tile.present[b-hmvjz141vx] {
        background-color: #c9b458;
        color: white;
    }

    .tile.absent[b-hmvjz141vx] {
        background-color: #787c7e;
        color: white;
    }

.hint[b-hmvjz141vx] {
    
    font-weight: bold;
}

.answer[b-hmvjz141vx] {
    margin-top: 10px;
    font-weight: bold;
}


.wordle-alert[b-hmvjz141vx] {
    background: #333;
    color: white;
    padding: 10px 16px;
    border-radius: 6px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 600;
    animation: fade-b-hmvjz141vx 1.2s ease-in-out;
}

@keyframes fade-b-hmvjz141vx {
    0% {
        opacity: 0;
        transform: translateY(-5px);
    }

    10% {
        opacity: 1;
        transform: translateY(0);
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/* /Layout/CustomLayout.razor.rz.scp.css */

.app-layout[b-gln45h60xn] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-y: auto; /* scroll if sidebar grows too tall */
    
}







.header[b-gln45h60xn] {
    min-height: 5rem;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}


.main-content[b-gln45h60xn] {
    display: flex;
    flex: 1;
    
    justify-content: center;
    align-items: center;
}


.footer[b-gln45h60xn] {
    flex-shrink: 0;
    min-height: 5rem;
    background-color: hsla(0, 0%, 100%, 0.04);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-family: "Montserrat",sans-serif;
    color: hsl(0, 0%, 85%);
    padding-top: 2rem;
    padding-bottom: 2rem;
}


   
/* /Layout/CustomNavMenu.razor.rz.scp.css */




.nav-container[b-xk83whkuvf] {
    display: flex;
    height: 5rem;
    width: 100%;
    align-items: center;
    padding: 0 2rem;
    background-color: hsla(0, 0%, 100%, 0.04);
    
}


.nav-left[b-xk83whkuvf] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: auto;
    height: 100%;
    font-family: var(--font-family);
    font-family: "Montserrat",sans-serif;
    font-weight: 600;
    color: var(--text);
    font-size: 1.5rem;

}




.nav-right[b-xk83whkuvf] {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    gap: 3.2rem;
    height: 100%;
    font-family: "Montserrat",sans-serif;
    font-weight: 600;
    color: var(--text);
    font-size: 1rem;

}





/* /Layout/Footer.razor.rz.scp.css */

.footer-container[b-q0ftwbee8d] {
    display: flex;
    justify-content: space-evenly;
    display: flex;
    gap: 6rem;
}



.footer-section[b-q0ftwbee8d]{
    display:flex;
    flex-direction:column;
    gap:0.2rem;


}

.footer a[b-q0ftwbee8d] {
    display: flex;
    text-decoration: none;

}

h4[b-q0ftwbee8d] {
    margin: 0;
}
/* /Pages/About.razor.rz.scp.css */
.about-page[b-x2aneotdxh] {
    max-width: 1100px;
    margin: auto;
    padding: 2rem;
    font-weight: 500;
    font-family: "Montserrat",sans-serif;
    color: var(--text);
    background-color: hsla(0, 0%, 100%, 0.04);
    border-radius: 14px;
    margin:2rem;
}

section[b-x2aneotdxh] {
    margin-bottom: 2rem;
}

.about-hero[b-x2aneotdxh] {
    text-align: center;
}

.steps-grid[b-x2aneotdxh] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}
/* /Pages/Contact.razor.rz.scp.css */
.contact-container[b-gnwmsw1ja2] {
    max-width: 900px;
    margin: 0 auto;
    padding: 3rem 1.5rem;
    background-color: hsla(0, 0%, 100%, 0.04);
    border-radius: 14px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    margin:2rem;
}


/* HERO */
.contact-hero[b-gnwmsw1ja2] {
    margin-bottom: 2.5rem;
}

    .contact-hero h1[b-gnwmsw1ja2] {
        font-size: 2.2rem;
        font-weight: 700;
        margin-bottom: 0.8rem;
    }

    .contact-hero p[b-gnwmsw1ja2] {
        font-size: 1.05rem;
        opacity: 0.9;
    }


/* FORM */
.contact-form-section[b-gnwmsw1ja2] {
    margin-bottom: 3rem;
}

.contact-form[b-gnwmsw1ja2] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.form-group[b-gnwmsw1ja2] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

    .form-group label[b-gnwmsw1ja2] {
        font-size: 0.95rem;
        font-weight: 500;
    }

    .form-group input[b-gnwmsw1ja2],
    .form-group textarea[b-gnwmsw1ja2],
    .form-group select[b-gnwmsw1ja2] {
        padding: 0.7rem;
        border-radius: 8px;
        border: 1px solid rgba(255,255,255,0.15);
        background: rgba(255,255,255,0.03);
        color: inherit;
    }

        .form-group input:focus[b-gnwmsw1ja2],
        .form-group textarea:focus[b-gnwmsw1ja2],
        .form-group select:focus[b-gnwmsw1ja2] {
            outline: none;
            border-color: #6ec1ff;
        }


/* BUTTON */
.contact-btn[b-gnwmsw1ja2] {
    margin-top: 0.5rem;
    padding: 0.75rem;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    background: #6ec1ff;
    color: #111;
    transition: 0.2s ease;
}

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


/* EXTRA INFO */
.contact-extra[b-gnwmsw1ja2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.contact-card[b-gnwmsw1ja2] {
    padding: 1.2rem;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.03);
}

    .contact-card h3[b-gnwmsw1ja2] {
        margin-bottom: 0.5rem;
    }

    .contact-card a[b-gnwmsw1ja2] {
        color: #6ec1ff;
        text-decoration: none;
    }

        .contact-card a:hover[b-gnwmsw1ja2] {
            text-decoration: underline;
        }


/* MOBILE */
@media (max-width: 768px) {
    .contact-container[b-gnwmsw1ja2] {
        padding: 2rem 1rem;
    }
}
/* /Pages/Copyright.razor.rz.scp.css */
.transparency-container[b-mzrfeqkvix] {
    max-width: 900px;
    margin: 0 auto;
    padding: 3rem 1.5rem;
    line-height: 1.7;
    font-weight: 500;
    font-family: "Montserrat",sans-serif;
    color: var(--text);
    background-color: hsla(0, 0%, 100%, 0.04);
    border-radius: 14px;
    margin:2rem;
}


/* HERO */
.transparency-hero[b-mzrfeqkvix] {
    margin-bottom: 3rem;
}

    .transparency-hero h1[b-mzrfeqkvix] {
        font-size: 2.4rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .transparency-hero p[b-mzrfeqkvix] {
        font-size: 1.1rem;
        opacity: 0.9;
    }


/* SECTIONS */
.transparency-section[b-mzrfeqkvix] {
    margin-bottom: 2.5rem;
}

    .transparency-section h2[b-mzrfeqkvix] {
        font-size: 1.5rem;
        font-weight: 600;
        margin-bottom: 0.7rem;
        position: relative;
    }

    .transparency-section p[b-mzrfeqkvix] {
        margin-bottom: 1rem;
    }


    /* LIST */
    .transparency-section ul[b-mzrfeqkvix] {
        padding-left: 1.3rem;
    }

    .transparency-section li[b-mzrfeqkvix] {
        margin-bottom: 0.4rem;
    }


    /* NICE DIVIDER */
    .transparency-section:not(:last-child)[b-mzrfeqkvix] {
        border-bottom: 1px solid rgba(255,255,255,0.08);
        padding-bottom: 1.8rem;
    }


/* RESPONSIVE */
@media (max-width: 768px) {
    .transparency-hero h1[b-mzrfeqkvix] {
        font-size: 2rem;
    }

    .transparency-container[b-mzrfeqkvix] {
        padding: 2rem 1rem;
    }
}
/* /Pages/Credits.razor.rz.scp.css */
.credits-container[b-a173n61pu1] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 3rem 1.5rem;
    font-weight: 500;
    font-family: "Montserrat",sans-serif;
    color: var(--text);
    background-color: hsla(0, 0%, 100%, 0.04);
    border-radius: 14px;
    margin:2rem;
}


/* HERO */
.credits-hero[b-a173n61pu1] {
    margin-bottom: 3rem;
}

    .credits-hero h1[b-a173n61pu1] {
        font-size: 2.3rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .credits-hero p[b-a173n61pu1] {
        font-size: 1.1rem;
        opacity: 0.9;
    }


/* SECTIONS */
.credits-section[b-a173n61pu1] {
    margin-bottom: 2.8rem;
}

    .credits-section h2[b-a173n61pu1] {
        font-size: 1.5rem;
        font-weight: 600;
        margin-bottom: 1.5rem;
    }


/* GRID */
.credits-grid[b-a173n61pu1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.2rem;
}


/* CARDS */
.credit-card[b-a173n61pu1] {
    padding: 1.2rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255,255,255,0.08);
    transition: 0.2s ease;
}

    .credit-card:hover[b-a173n61pu1] {
        transform: translateY(-3px);
        border-color: rgba(255,255,255,0.2);
    }

    .credit-card h3[b-a173n61pu1] {
        font-size: 1.1rem;
        margin-bottom: 0.5rem;
    }

    .credit-card a[b-a173n61pu1] {
        font-size: 0.95rem;
        text-decoration: none;
        color: #6ec1ff;
    }

        .credit-card a:hover[b-a173n61pu1] {
            text-decoration: underline;
        }


/* RESPONSIVE */
@media (max-width: 768px) {
    .credits-container[b-a173n61pu1] {
        padding: 2rem 1rem;
    }
}
/* /Pages/GameTypeSelection.razor.rz.scp.css */
.question-type-container[b-ag8i2ww1fb] {
    display: grid;
    grid-template-columns: repeat(3,280px);
    grid-column-gap: 7rem;
    grid-row-gap: 1rem;
    /* Center within main content */
    justify-content: center;
    align-items: center;
    /* Fill available vertical space */
    flex: 1;
    max-width: 1400px;
    max-height: 40rem;
    width: 100%;
    padding: 2rem;
    box-sizing: border-box;
    overflow-y: auto; /* scroll if sidebar grows too tall */
    scrollbar-width: none; /* Firefox */
    background-color: hsla(0, 0%, 100%, 0.04);
    border-radius: 14px;
}

/* /Pages/Home.razor.rz.scp.css */

.page-container[b-5in51nr5wh] {
    display: flex;
    flex-direction: row;
    flex:1;
    
}

/* Sidebar styles */
.sidebar[b-5in51nr5wh] {
    width: 320px; /* fixed sidebar width */
    min-width: 200px;
    max-width: 300px;
    max-height:100rem;
  
    padding: 1rem;

    
}


.topic-filter[b-5in51nr5wh] {
    margin-bottom: 1.5rem;
    max-width: 50%;
    justify-self:flex-start;
    font-weight: 500;
    font-family: "Montserrat",sans-serif;
    margin-left: 5.5rem;
}

    .topic-filter input[b-5in51nr5wh] {
        width: 100%;
        max-width: 350px;
        padding: 0.6rem 0.8rem;
        font-size: 1rem;
        border-radius: 14px;
        border: 2px solid #ccc;
        background-color: transparent;
    }





/* RIGHT CONTENT */
.content-area[b-5in51nr5wh] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1; /* takes remaining space */
    padding: 1rem;
    flex-direction:column;
    overflow-y: auto;
    scrollbar-width:none;
}


/* Responsive: smaller screens */
@media (max-width: 768px) {
    .page-container[b-5in51nr5wh] {

    }

    .sidebar[b-5in51nr5wh] {
       
    }

    .content-area[b-5in51nr5wh] {
        
    }
}

/* Optional: Loading text */
.sidebar p[b-5in51nr5wh],
.content-area p[b-5in51nr5wh] {
    font-size: 0.95rem;
    color: #666;
    margin: 0.5rem 0;
}

/* Optional: Smooth scroll for sidebar */
.sidebar[b-5in51nr5wh] {
    scroll-behavior: smooth;
}


/* /Pages/LandingPage.razor.rz.scp.css */
.landing-container[b-2i9wiuryzz] {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem;
    font-weight: 500;
    font-family: "Montserrat",sans-serif;

    /* Fill available vertical space */
    padding: 2rem;
    box-sizing: border-box;
    overflow-y: auto; /* scroll if sidebar grows too tall */
    scrollbar-width: none; /* Firefox */
    background-color: hsla(0, 0%, 100%, 0.04);
    border-radius: 14px;
    margin:2rem;
}



.landing-loading[b-2i9wiuryzz]{



}

.landing-error[b-2i9wiuryzz]{


}


.landing-rules[b-2i9wiuryzz] {
    margin-top: 2rem;
}



.landing-actions[b-2i9wiuryzz] {
    margin-top: 3rem;
    display: flex;
    justify-content:space-between;
    align-items: center;
    gap: 1rem;

}

.start-button[b-2i9wiuryzz] {
    font-weight: 500;
    font-weight: bold;
    font-family: "Montserrat",sans-serif;
    background: #4649FF;
    min-width: 10rem;
    min-height: 3rem;
    border-radius: 14px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

    .start-button:hover[b-2i9wiuryzz] {
        transform: translateY(-6px);
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);
    }


.return-button[b-2i9wiuryzz] {
    min-width: 10rem;
    min-height: 3rem;
    font-weight: 500;
    font-weight: bold;
    font-family: "Montserrat",sans-serif;
    background: #7978FF;
    border-radius: 14px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.return-button:hover[b-2i9wiuryzz] {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);
}
/* /Pages/NotFound.razor.rz.scp.css */
.container[b-c063xcxlp4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    text-align: center;
}
/* /Pages/QuizPage.razor.rz.scp.css */
.quiz-container[b-6bcvspki6l] {
    display: flex;
    flex: 1;
    flex-direction: column;
    max-width: 1200px;
    min-height: 20rem;
    background-color: hsla(0, 0%, 100%, 0.04);
    border-radius: 14px;
    font-weight: 500;
    font-family: "Montserrat",sans-serif;
    padding: 3rem;
    margin:3rem;
}