@font-face{font-family:NQB;src:local("Vazirmatn"),local("Vazir")} .nqb-app{font-family:NQB,Tahoma,Arial,sans-serif;color:#172033;max-width:1240px;margin:32px auto;padding:0 16px;direction:rtl}.nqb-app *{box-sizing:border-box}.nqb-hero{background:linear-gradient(135deg,#111827,#1e3a8a 60%,#2563eb);color:#fff;border-radius:28px;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 24px 70px rgba(30,58,138,.24);margin-bottom:28px;overflow:hidden;position:relative}.nqb-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.08);left:-70px;top:-100px}.nqb-kicker{font-size:13px;background:rgba(255,255,255,.14);padding:7px 12px;border-radius:20px}.nqb-hero h1{font-size:34px;margin:12px 0 6px;color:#fff}.nqb-hero p{margin:0;color:#dbeafe}.nqb-hero-stat{min-width:130px;height:130px;border-radius:24px;background:rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px)}.nqb-hero-stat b{font-size:36px}.nqb-hero-stat span{font-size:13px}.nqb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.nqb-card{background:#fff;border:1px solid #e8edf6;border-radius:22px;box-shadow:0 12px 30px rgba(15,23,42,.06);padding:20px;display:flex;gap:15px;transition:.25s}.nqb-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(15,23,42,.1)}.nqb-card-icon{width:48px;height:48px;min-width:48px;border-radius:15px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:bold}.nqb-badge{font-size:11px;background:#f1f5f9;border-radius:15px;padding:5px 9px;color:#475569}.nqb-card h3{font-size:18px;margin:10px 0 5px}.nqb-card p{font-size:13px;color:#64748b;min-height:40px;line-height:1.8}.nqb-meta{display:flex;gap:12px;font-size:12px;color:#64748b;margin:12px 0}.nqb-start,.nqb-primary{border:0;border-radius:13px;background:#2563eb;color:#fff!important;padding:11px 18px;font:inherit;font-weight:700;cursor:pointer;transition:.2s}.nqb-start:hover,.nqb-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.nqb-hidden{display:none}.nqb-panel,.nqb-result{background:#fff;border:1px solid #e6ebf3;border-radius:26px;box-shadow:0 20px 60px rgba(15,23,42,.08);padding:30px;max-width:900px;margin:0 auto}.nqb-back{border:0;background:#eef2ff;color:#334155;border-radius:12px;padding:9px 13px;cursor:pointer;margin-bottom:15px}.nqb-step-title{display:flex;gap:15px;align-items:flex-start;margin-bottom:25px}.nqb-step-title>span{background:#2563eb;color:#fff;width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-weight:bold}.nqb-step-title h2{margin:0 0 5px}.nqb-step-title p{margin:0;color:#64748b}.nqb-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.nqb-form-grid label{font-size:13px;font-weight:700;color:#334155}.nqb-form-grid input{display:block;width:100%;border:1px solid #dce3ee;background:#f8fafc;border-radius:13px;padding:13px;margin-top:7px;font:inherit;outline:0}.nqb-form-grid input:focus{border-color:#60a5fa;background:#fff;box-shadow:0 0 0 4px #dbeafe}.nqb-form-msg{color:#dc2626;margin:10px 0;font-size:13px}.nqb-topbar{max-width:900px;margin:0 auto 15px;display:flex;align-items:center;gap:15px}.nqb-topbar .nqb-back{margin:0}.nqb-progress{height:9px;background:#e7edf6;border-radius:10px;overflow:hidden;flex:1}.nqb-progress i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#22c55e);border-radius:10px;transition:width .4s}.nqb-question{animation:nqbIn .35s ease}.nqb-q-number{display:inline-block;background:#eff6ff;color:#1d4ed8;border-radius:13px;padding:6px 10px;font-size:12px;margin-bottom:12px}.nqb-question h2{font-size:22px;line-height:1.9;margin:0 0 20px}.nqb-front-options{display:grid;gap:11px}.nqb-option{width:100%;display:flex;align-items:center;gap:12px;border:1px solid #e1e8f2;background:#fff;border-radius:16px;padding:13px;text-align:right;font:inherit;cursor:pointer;transition:.2s}.nqb-option:hover:not(:disabled){border-color:#93c5fd;background:#f8fbff;transform:translateX(-2px)}.nqb-option span{width:36px;height:36px;border-radius:11px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#475569}.nqb-option.selected{border-color:#2563eb;background:#eff6ff}.nqb-option.selected span{background:#2563eb;color:#fff}.nqb-option b{font-weight:600}.nqb-nav{margin-top:20px;display:flex;justify-content:flex-end}.nqb-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.nqb-inline-info{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:13px;padding:11px;margin-top:13px;color:#475569;font-size:13px}.nqb-loading{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center}.nqb-loading span{width:44px;height:44px;border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:nqbSpin .8s linear infinite}.nqb-result-head{display:flex;align-items:center;gap:25px}.nqb-score-ring{width:150px;height:150px;min-width:150px;border-radius:50%;padding:10px;background:conic-gradient(#22c55e 0 72%,#e8eef5 72%)}.nqb-result.fail .nqb-score-ring{background:conic-gradient(#f97316 0 55%,#e8eef5 55%)}.nqb-score-ring>div{width:100%;height:100%;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.nqb-score-ring b{font-size:34px}.nqb-score-ring span{font-size:11px;color:#64748b}.nqb-result-status{display:inline-block;background:#dcfce7;color:#15803d;border-radius:15px;padding:5px 10px;font-size:12px}.nqb-result.fail .nqb-result-status{background:#ffedd5;color:#c2410c}.nqb-result h2{margin:10px 0 5px}.nqb-result-head p{color:#64748b}.nqb-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.nqb-stat-grid>div{background:#f8fafc;border:1px solid #edf1f6;border-radius:16px;padding:15px;text-align:center}.nqb-stat-grid b{display:block;font-size:23px}.nqb-stat-grid span{font-size:11px;color:#64748b}.nqb-chart-wrap{max-width:430px;margin:20px auto}.nqb-review{margin-top:25px}.nqb-review-row{border-radius:15px;padding:14px;margin:10px 0;border:1px solid #e5e7eb}.nqb-review-row.ok{background:#f0fdf4;border-color:#bbf7d0}.nqb-review-row.bad{background:#fff7ed;border-color:#fed7aa}.nqb-review-row>div{display:flex;justify-content:space-between;gap:15px}.nqb-review-row span{font-size:11px}.nqb-review-row p{font-size:13px;color:#475569;margin:8px 0 0}.nqb-empty{text-align:center;padding:40px;background:#fff;border-radius:20px;grid-column:1/-1}.nqb-error{text-align:center}.nqb-again{margin-top:20px}@keyframes nqbSpin{to{transform:rotate(360deg)}}@keyframes nqbIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:900px){.nqb-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.nqb-app{padding:0 10px;margin:14px auto}.nqb-hero{padding:25px 20px;border-radius:20px}.nqb-hero-stat{display:none}.nqb-hero h1{font-size:27px}.nqb-grid{grid-template-columns:1fr}.nqb-panel,.nqb-result{padding:18px;border-radius:19px}.nqb-form-grid{grid-template-columns:1fr}.nqb-question h2{font-size:18px}.nqb-result-head{flex-direction:column;text-align:center}.nqb-stat-grid{grid-template-columns:repeat(2,1fr)}.nqb-score-ring{width:130px;height:130px;min-width:130px}.nqb-review-row>div{flex-direction:column;gap:4px}}
.nqb-option.is-correct{border-color:#22c55e!important;background:#f0fdf4!important;box-shadow:0 0 0 3px rgba(34,197,94,.08)}.nqb-option.is-correct span{background:#22c55e!important;color:#fff}.nqb-option.is-wrong{border-color:#ef4444!important;background:#fef2f2!important}.nqb-option.is-wrong span{background:#ef4444!important;color:#fff}.nqb-answer-feedback{margin-top:15px;border-radius:15px;padding:14px 16px;animation:nqbIn .3s ease}.nqb-answer-feedback strong,.nqb-answer-feedback span{display:block}.nqb-answer-feedback span{font-size:13px;margin-top:6px}.nqb-answer-feedback p{margin:8px 0 0;font-size:13px;line-height:1.9}.nqb-answer-feedback.ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#166534}.nqb-answer-feedback.bad{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}