.npdi-ai-qtp,
.npdi-ai-qtp *{
    box-sizing:border-box!important;
}

.npdi-ai-qtp{
    position:relative!important;
    display:block!important;
    width:100%!important;
    margin:14px 0 16px!important;
    direction:rtl!important;
    z-index:2!important;
}

.npdi-ai-qtp__inner{
    position:relative!important;
    overflow:hidden!important;
    width:100%!important;
    padding:14px!important;
    border-radius:24px!important;
    border:1px solid rgba(255,214,102,.58)!important;
    background:
        radial-gradient(circle at 15% 15%,rgba(255,214,102,.18),transparent 30%),
        radial-gradient(circle at 85% 0,rgba(173,92,255,.34),transparent 34%),
        linear-gradient(135deg,rgba(64,10,92,.98),rgba(36,2,60,.98) 48%,rgba(12,1,25,.98))!important;
    box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12)!important;
}

.npdi-ai-qtp__inner:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)!important;
    opacity:.55!important;
}

.npdi-ai-qtp__head{
    position:relative!important;
    text-align:right!important;
    padding:0 2px 12px!important;
}

.npdi-ai-qtp__eyebrow{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:24px!important;
    padding:3px 10px!important;
    border-radius:999px!important;
    color:#ffe08a!important;
    background:rgba(255,214,102,.11)!important;
    border:1px solid rgba(255,214,102,.32)!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.2px!important;
}

.npdi-ai-qtp__head h4{
    margin:6px 0 3px!important;
    color:#ffe68a!important;
    font-size:17px!important;
    line-height:1.8!important;
    font-weight:950!important;
}

.npdi-ai-qtp__head p{
    margin:0!important;
    color:#fff8dc!important;
    font-size:12px!important;
    line-height:2!important;
    font-weight:700!important;
    text-align:justify!important;
}

.npdi-ai-qtp__grid{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
}

.npdi-ai-qtp-card{
    position:relative!important;
    overflow:hidden!important;
    min-height:92px!important;
    padding:12px 11px!important;
    border-radius:20px!important;
    cursor:pointer!important;
    text-align:right!important;
    font-family:inherit!important;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}

.npdi-ai-qtp-card strong,
.npdi-ai-qtp-card small,
.npdi-ai-qtp-card__badge{
    position:relative!important;
    z-index:2!important;
}

.npdi-ai-qtp-card strong{
    display:block!important;
    color:inherit!important;
    font-size:15px!important;
    line-height:1.8!important;
    font-weight:950!important;
    margin:6px 0 1px!important;
}

.npdi-ai-qtp-card small{
    display:block!important;
    color:inherit!important;
    opacity:.92!important;
    font-size:11px!important;
    line-height:1.8!important;
    font-weight:800!important;
}

.npdi-ai-qtp-card__badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:58px!important;
    min-height:22px!important;
    padding:2px 8px!important;
    border-radius:999px!important;
    font-size:10px!important;
    font-weight:950!important;
    direction:ltr!important;
}

.npdi-ai-qtp-card__glow{
    position:absolute!important;
    inset:auto -30px -45px auto!important;
    width:110px!important;
    height:110px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.17)!important;
    filter:blur(4px)!important;
    pointer-events:none!important;
}

.npdi-ai-qtp-card--gold{
    border:1px solid rgba(255,232,143,.72)!important;
    color:#2d2100!important;
    background:linear-gradient(135deg,#ffe08a,#d5a62f 52%,#7b5011)!important;
    box-shadow:0 12px 26px rgba(212,175,55,.22),inset 0 1px 0 rgba(255,255,255,.42)!important;
}

.npdi-ai-qtp-card--gold .npdi-ai-qtp-card__badge{
    color:#fff7c6!important;
    background:rgba(45,33,0,.54)!important;
    border:1px solid rgba(255,255,255,.25)!important;
}

.npdi-ai-qtp-card--black{
    border:1px solid rgba(255,214,102,.62)!important;
    color:#fff6d2!important;
    background:radial-gradient(circle at 80% 0,rgba(255,214,102,.16),transparent 38%),linear-gradient(135deg,#151515,#050505 58%,#1a1026)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

.npdi-ai-qtp-card--black .npdi-ai-qtp-card__badge{
    color:#0a0a0a!important;
    background:#ffd966!important;
    border:1px solid rgba(255,255,255,.22)!important;
}

.npdi-ai-qtp-card:hover,
.npdi-ai-qtp-card:focus-visible,
.npdi-ai-qtp-card.is-active{
    transform:translateY(-2px)!important;
    border-color:#fff0a8!important;
    box-shadow:0 18px 34px rgba(0,0,0,.34),0 0 0 2px rgba(255,214,102,.18)!important;
    outline:none!important;
}

#npdi-ai-question-tool-selected{
    display:none!important;
}

@media (max-width:900px){
    .npdi-ai-qtp__grid{
        grid-template-columns:1fr!important;
    }

    .npdi-ai-qtp-card{
        min-height:78px!important;
    }
}

@media (max-width:520px){
    .npdi-ai-qtp__inner{
        padding:12px!important;
        border-radius:20px!important;
    }

    .npdi-ai-qtp__head h4{
        font-size:15px!important;
    }
}