/*Behavioral Questions Page*/
.behavioral-hero .main-title{
    background:linear-gradient(
        135deg,
        #06b6d4,
        #7c3aed
    );

    background-clip: text;
    -webkit-background-clip:text;

    color: transparent;
    -webkit-text-fill-color:transparent;

    text-shadow:
    0 0 20px rgba(124,58,237,0.3);
}
.behavioral-hero .section-subtitle{
    max-width:700px;
    margin:0 auto;
}

.behavioral-grid{
    display:grid;
    grid-template-columns:
    repeat(auto-fit,minmax(300px,1fr));

    gap:2rem;
}

.behavioral-card{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    position:relative;
    background:var(--glass-bg);
    border:1px solid var(--glass-border);
    border-radius:20px;
    padding:2rem;
    backdrop-filter:blur(10px);

    transition:
transform 0.3s ease,
box-shadow 0.3s ease;
}

/* Difficulty Badge */
.difficulty-badge{
    position:absolute;
    top:2rem;
    right:2rem;

    padding:6px 12px;
    border-radius:999px;

    font-size:0.85rem;
    font-weight:600;
}
.difficulty-easy{
    background:rgba(34,197,94,0.15);
    color:#22c55e;
    border:1px solid rgba(34,197,94,0.25);
}

.difficulty-medium{
    background:rgba(245,158,11,0.15);
    color:#f59e0b;
    border:1px solid rgba(245,158,11,0.25);
}

.difficulty-hard{
    background:rgba(239,68,68,0.15);
    color:#ef4444;
    border:1px solid rgba(239,68,68,0.25);
}

.behavioral-card:hover{
        transform:translateY(-4px);
    border-color:rgba(236,72,153,0.3);
}

.behavioral-card h3{
    font-size:1.25rem;
    line-height:1.5;
    margin-bottom:0.75rem;
    margin-top: 1.5rem;
}

.behavioral-card p{
    color:var(--text-secondary);
    
}
.behavioral-card .btn{
    margin-top:auto;
    box-shadow:none;
}

.behavioral-card .btn:hover{
    box-shadow:0 0 12px rgba(124,58,237,0.25);
}
/*Stat*/
/* Behavioral Page Stats Override */
.hero-stats .stat-box{
    padding:1.5rem;
    min-height:auto;
}

.hero-stats .stat-number{
    font-size:2.5rem;
}

.hero-stats .stat-label{
    font-size:0.95rem;
}
/*Star Cards*/
.star-grid{
    display:grid;
    grid-template-columns:
    repeat(auto-fit,minmax(220px,1fr));
    gap:2rem;
}

.star-card{
    background:var(--glass-bg);
    border:1px solid var(--glass-border);
    border-radius:20px;
    padding:2rem;
    text-align:center;
    backdrop-filter:blur(10px);
    transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.star-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--glass-shadow);
}

.star-card h3{
    font-size:3rem;
    color:var(--accent);
    margin-bottom:0.5rem;
    font-weight:800;
}
.star-card p{
    margin-top:0.5rem;
    color:var(--text-secondary);
}
/*Tips Card*/
.tips-grid{
    display:grid;
    grid-template-columns:
    repeat(auto-fit,minmax(250px,1fr));
    gap:1.5rem;
}

.tip-card{
    background:var(--glass-bg);
    border:1px solid var(--glass-border);
    border-radius:20px;
    padding:1.5rem;
    text-align:center;
    backdrop-filter:blur(10px);

    transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.tip-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--glass-shadow);
}
/*Category card*/
.card-meta{
    display:flex;
    gap:0.75rem;
    margin-bottom:1.25rem;
    flex-wrap:wrap;
}

.category-tag,
.difficulty-badge{
    display:inline-flex;
    align-items:center;

    padding:0.35rem 0.8rem;

    border-radius:8px;

    font-size:0.85rem;
    font-weight:500;

    margin:0;
}
.category-tag{
    background:rgba(124,58,237,0.12);
    color:var(--primary-light);
    border:1px solid rgba(124,58,237,0.2);
    font-size:0.9rem;
    padding:6px 14px
}

.category-tag:hover{
    background:rgba(124,58,237,0.35);
    transform:translateY(-2px);
}

#modalAnswer{
    line-height:1.8;
}

#modalAnswer strong{
    color:var(--accent);
}
.modal{
    display:none;
}

.modal.active{
    display:flex;
}
.modal-meta{
    display:flex;
    gap:0.75rem;
    margin-bottom:1rem;
    align-items:center;
}
/*Difficulty Badge*/
.difficulty-badge{
    display:inline-block;
    padding:4px 10px;
    border-radius:12px;
    margin-bottom:1rem;
    font-size:0.85rem;
}
.modal-difficulty{
    display:inline-flex;
    align-items:center;
    padding:0.35rem 0.8rem;
    border-radius:8px;
    font-size:0.85rem;
    font-weight:500;
}
/* Filter Buttons Mobile Fix */
.filter-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:0.75rem;
    justify-content:center;
}
.view-answer-btn{
    width:100%;
    background:transparent;
    border:1px solid var(--glass-border);
    color:var(--text-primary);
    box-shadow:none;
}
.view-answer-btn:hover{
    border-color:var(--primary);
}
.navbar.scrolled{
    background: rgba(10,10,26,0.95);
    backdrop-filter: blur(12px);
}
@media (max-width:768px){

    .filter-buttons{
        width:100%;
        justify-content:center;
    }

    .filter-btn{
        font-size:0.9rem;
        padding:0.6rem 1rem;
    }

}
/*Mobile Responsiveness*/
@media (max-width:768px){

    .behavioral-grid,
    .star-grid,
    .tips-grid{
        grid-template-columns:1fr;
    }

    .star-card h3{
        font-size:2.5rem;
    }

}