.qain-tabs{margin-top:30px;width:100%;}.qain-tab-buttons{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid #e5e7eb;}.qain-tab{border:0;background:transparent;color:#6b7280;padding:12px 20px;font-size:15px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;}.qain-tab:hover{color:#4f46e5;}.qain-tab.active{color:#4f46e5;border-bottom-color:#4f46e5;}.qain-panel{display:none;background:#fff;padding:28px;border-radius:12px;line-height:1.75;color:#374151;}.qain-panel.active{display:block;}.qain-panel h3{margin-top:0;margin-bottom:18px;color:#111827;font-size:22px;}.qain-panel ul{padding-left:22px;}@media(max-width:600px){.qain-tab-buttons{overflow-x:auto;}.qain-tab{white-space:nowrap;padding:10px 14px;}.qain-panel{padding:20px;}}.qain-loading-box {
    margin-top: 30px;
    padding: 45px 30px;
    text-align: center;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

.qain-loading-title {
    font-size: 22px;
    font-weight: 600;
    color: #111827;
}

.qain-dots span {
    display: inline-block;
    animation: qain-dot 1.4s infinite;
}

.qain-dots span:nth-child(2) {
    animation-delay: .2s;
}

.qain-dots span:nth-child(3) {
    animation-delay: .4s;
}

.qain-progress {
    margin-top: 20px;
    font-size: 32px;
    font-weight: 700;
    color: #4f46e5;
}

.qain-loading-text {
    margin-top: 8px;
    color: #6b7280;
    font-size: 14px;
}

@keyframes qain-dot {
    0%, 60%, 100% {
        opacity: .25;
    }
    30% {
        opacity: 1;
    }
}