#quizModal-civ{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2147483645;transition:backdrop-filter .2s ease;touch-action:manipulation}.modal-content-civ{position:relative;width:97.5vw;height:90vh;margin:1.25vh auto;padding:20px;background:#f4f4f4;border-radius:12px;box-shadow:0 0 30px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-civ{position:absolute;top:14px;right:20px;font-size:28px;cursor:pointer;border:0;background:transparent;transition:transform .15s ease,opacity .15s ease}.close-civ:hover{transform:scale(1.1);opacity:.7}.progress-wrapper-civ{width:100%;margin:3px auto 20px;padding-right:37.5px}.progress-bar-civ{height:16px;border-radius:8px;background:#e8e8e8;overflow:hidden;position:relative}.progress-fill-civ{height:100%;width:0;background:linear-gradient(90deg,#adc4d2,#8badbd,#adc4d2);background-size:200% 100%;transition:width .35s cubic-bezier(.4,0,.2,1);position:relative;animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-fill-civ:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.step-civ{position:absolute;top:80px;left:0;right:0;bottom:108px;overflow-y:auto;overflow-x:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s cubic-bezier(.4,0,.2,1),visibility .18s,transform .18s cubic-bezier(.4,0,.2,1);transform:translateY(8px);padding:0 20px 20px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.step-civ.active-civ{opacity:1;visibility:visible;pointer-events:auto;z-index:1;transform:translateY(0)}.step-title-civ{text-align:center;font-size:28px;margin-bottom:35px;animation:fadeInDown .3s cubic-bezier(.16,1,.3,1)}.step-subtitle-civ{text-align:center;font-size:16px;color:#666;margin:-25px auto 40px;max-width:600px;line-height:1.5}.step-civ[data-step="5"] .step-title-civ{margin-bottom:30px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.eligibility-container-civ{max-width:650px;margin:0 auto}.eligibility-card-civ{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:28px 32px;animation:fadeInUp .3s cubic-bezier(.16,1,.3,1)}.eligibility-list-civ{display:flex;flex-direction:column;gap:18px}.eligibility-item-civ{display:flex;align-items:start;gap:12px;cursor:pointer;transition:opacity .2s ease}@media(hover:hover)and (pointer:fine){.eligibility-item-civ:hover{opacity:.8}}.eligibility-item-civ input[type=checkbox]{width:20px;height:20px;cursor:pointer;flex-shrink:0;margin-top:1px;accent-color:#083758}.eligibility-item-civ label{cursor:pointer;font-size:15px;color:#333;line-height:1.5;flex:1}.eligibility-divider-civ{border:none;height:1px;background:#e5e5e5;margin:32px 0}.selling-points-card-civ{background:#f8f9fa;border:2px solid #dee9ec;border-radius:12px;padding:28px 32px;margin-top:32px;animation:fadeInUp .3s cubic-bezier(.16,1,.3,1) .1s backwards}.selling-points-title-civ{font-size:17px;font-weight:600;margin:0 0 20px;color:#083758;text-align:center}.selling-point-item-civ{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid #e9ecef}.selling-point-item-civ:last-child{border-bottom:none;padding-bottom:0}.selling-point-item-civ:first-child{padding-top:0}.selling-point-icon-civ{width:24px;height:24px;flex-shrink:0;object-fit:contain;margin-top:2px}.selling-point-text-civ{display:flex;justify-content:space-between;align-items:flex-start;flex:1;gap:12px;min-width:0}.selling-point-label-civ{font-size:15px;font-weight:600;color:#333;line-height:1.3}.selling-point-value-civ{font-size:13px;color:#6f86ff;font-weight:600;white-space:nowrap;flex-shrink:0}.options-grid-civ{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.option-card-civ{width:27rem;display:block;animation:fadeInUp .3s cubic-bezier(.16,1,.3,1) backwards}.option-card-civ:nth-child(1){animation-delay:.05s}.option-card-civ:nth-child(2){animation-delay:.1s}.option-card-civ:nth-child(3){animation-delay:.15s}.option-card-civ:nth-child(4){animation-delay:.2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.option-card-civ input{position:absolute;opacity:0;pointer-events:none}.card-civ{position:relative;background:#fff;border:2px solid transparent;border-radius:12px;padding:20px;min-height:130px;transition:all .2s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}@media(hover:hover)and (pointer:fine){.option-card-civ:hover .card-civ{border-color:#083758;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}}.option-card-civ input:checked+.card-civ{border-color:#083758;transform:scale(1.01)}.option-card-civ h3{font-size:19px!important;margin:0 0 6px;max-width:200px}.meta-civ p{font-size:14px;color:#555;margin:8px 0 0;transition:opacity .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.radio-indicator-civ{position:absolute;top:16px;right:16px;width:20px;height:20px;border-radius:50%;border:2px solid #ccc;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1)}.option-card-civ input:checked+.card-civ .radio-indicator-civ{border-color:#083758;background:radial-gradient(#083758 55%,transparent 56%);transform:scale(1.1)}.step-civ:not([data-step="3"]) .options-grid-civ:has(input[type=radio]:checked) .option-card-civ:not(:has(input:checked)) .card-civ{opacity:.6;transition:opacity .2s ease}.shade-card-civ{position:relative;overflow:hidden;padding:0!important;background:#aab7c0}.shade-image-civ{width:100%;height:110px;object-fit:contain;border-radius:12px 12px 0 0;display:block;background:#fff}.shade-label-civ{background:#fff;padding:16px 20px 12px;margin:0;text-align:center;font-weight:600;color:#333;font-size:16px;border-radius:0 0 12px 12px;line-height:1.3}.shade-description-civ{display:block;font-size:12px;font-weight:400;color:#666;margin-top:6px;line-height:1.4}.shade-card-civ .radio-indicator-civ{top:12px;right:12px;z-index:2;box-shadow:0 2px 8px #00000026}.info-note-civ{background:#f8f9fa;border:2px solid #dee9ec;border-radius:12px;padding:18px 20px;margin-bottom:24px;animation:fadeInUp .3s cubic-bezier(.16,1,.3,1) backwards}.info-note-civ p{margin:0;font-size:14px;color:#555;line-height:1.6}.info-note-civ strong{color:#083758;font-weight:600}.upgrade-card-wrapper-civ{max-width:700px;margin:0 auto 24px}.section-subtitle-civ{font-size:18px;font-weight:600;margin:0 0 12px;color:#333}.section-divider-civ{border:none;height:2px;background:#e5e5e5;margin:32px auto;max-width:700px}.backup-card-civ{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:20px;transition:border-color .2s ease}.backup-question-civ{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.backup-text-civ{font-size:16px;font-weight:500;color:#333}.backup-toggle-civ{display:flex;gap:8px}.toggle-option-civ{cursor:pointer}.toggle-option-civ input{position:absolute;opacity:0;pointer-events:none}.toggle-btn-civ{display:inline-block;padding:8px 24px;border:2px solid #ddd;border-radius:8px;background:#fff;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.toggle-option-civ input:checked+.toggle-btn-civ{background:#083758;color:#fff;border-color:#083758;transform:scale(1.02)}@media(hover:hover)and (pointer:fine){.toggle-option-civ:hover .toggle-btn-civ{border-color:#083758;transform:translateY(-1px)}}.quantity-section-civ{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid #e5e5e5}.quantity-label-civ{font-size:15px;font-weight:500;color:#333}.quantity-selector-civ{display:flex;align-items:center;gap:0;border:2px solid #e5e5e5;border-radius:8px;overflow:hidden;transition:border-color .2s ease}@media(hover:hover)and (pointer:fine){.quantity-selector-civ:hover{border-color:#083758}}.qty-btn-civ{width:36px;height:36px;border:none;background:#fff;font-size:18px;cursor:pointer;transition:all .15s ease;color:#333;display:flex;align-items:center;justify-content:center}.qty-btn-civ:hover{background:#f0f0f0}.qty-btn-civ:active{transform:scale(.95)}.qty-input-civ{width:40px;height:36px;border:none;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;text-align:center;font-size:15px;font-weight:600;background:#fff;transition:background .15s ease;padding-right:8px}.quantity-discount-civ{font-size:13px;color:#6f86ff;font-weight:600}.addons-grid-civ{display:flex;flex-direction:column;gap:12px}.addon-item-civ{cursor:pointer;display:block;animation:fadeInUp .3s cubic-bezier(.16,1,.3,1) backwards}.addon-item-civ:nth-child(1){animation-delay:.05s}.addon-item-civ:nth-child(2){animation-delay:.1s}.addon-item-civ:nth-child(3){animation-delay:.15s}.addon-item-civ:nth-child(4){animation-delay:.2s}.addon-item-civ input{position:absolute;opacity:0;pointer-events:none}.addon-content-civ{display:flex;justify-content:space-between;align-items:center;background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:16px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}@media(hover:hover)and (pointer:fine){.addon-item-civ:hover .addon-content-civ{border-color:#083758;background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}}.addon-item-civ input:checked+.addon-content-civ{background:#fff;border-color:#083758;transform:scale(1.01)}.addon-text-civ{display:flex;flex-direction:column;gap:6px}.addon-pricing-civ{display:flex;align-items:center;gap:8px}.addon-old-price-civ{font-size:14px;color:#999;text-decoration:line-through;font-weight:400}.addon-new-price-civ{font-size:16px;color:#6f86ff;font-weight:700}.addon-title-civ{font-size:16px;font-weight:600;color:#333}.addon-desc-civ{font-size:13px;color:#666}.checkbox-indicator-civ{width:22px;height:22px;border-radius:6px;border:2px solid #cfcfcf;background:#fff;display:flex;align-items:center;justify-content:center;color:transparent;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.addon-item-civ input:checked+.addon-content-civ .checkbox-indicator-civ{background:#083758;border-color:#083758;color:#fff;transform:scale(1.1)}.summary-container-civ{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:16px}.summary-left-column-civ,.summary-right-column-civ{display:flex;flex-direction:column;gap:16px}.summary-card-civ{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:20px;animation:fadeInUp .3s cubic-bezier(.16,1,.3,1) backwards;transition:border-color .2s ease}.summary-left-column-civ .summary-card-civ:nth-child(1){animation-delay:.05s}.summary-left-column-civ .summary-card-civ:nth-child(2){animation-delay:.1s}.summary-right-column-civ .summary-card-civ{animation-delay:.15s}.summary-section-title-civ{font-size:17px;font-weight:600;margin:0 0 14px;color:#083758}.summary-item-civ{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333}.summary-item-civ:last-child{border-bottom:none}.summary-item-price-civ{font-size:14px;font-weight:600;color:#083758}.summary-item-removable-civ{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333;position:relative}.summary-item-removable-civ .summary-item-name-civ{flex:1}.summary-item-removable-civ .summary-item-price-civ{display:flex;align-items:center;gap:8px}.remove-btn-civ{background:none;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:4px;width:18px;height:18px;opacity:.5}.remove-btn-civ:hover{opacity:1;background:#f5f5f5;transform:scale(1.05)}.remove-btn-civ svg{width:10px;height:10px;display:block}.price-addition-civ{color:#6f86ff;font-weight:600}.included-card-civ{background:#f8f9fa;border-color:#dee9ec}.included-benefit-civ{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid #e9ecef}.included-benefit-civ:last-child{border-bottom:none;padding-bottom:0}.included-benefit-civ:first-child{padding-top:14px}.benefit-icon-civ{width:24px;height:24px;flex-shrink:0;object-fit:contain;margin-top:2px}.benefit-text-civ{display:flex;justify-content:space-between;align-items:flex-start;flex:1;gap:12px;min-width:0}.benefit-title-civ{font-size:15px;font-weight:600;color:#333;line-height:1.3}.benefit-subtitle-civ{font-size:13px;color:gray;font-weight:500;font-style:italic;display:block;margin-top:4px;line-height:1.3}.benefit-value-civ{font-size:13px;color:#6f86ff;font-weight:600;white-space:nowrap;flex-shrink:0}.benefit-value-summary-civ{font-size:12px;color:#999;font-weight:500;display:block;margin-bottom:2px}.benefit-value-summary-civ.has-price-civ{text-decoration:line-through}.price-card-civ{background:#fff;border:1px solid #d0d0d0}.price-row-civ{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:#333}.savings-row-civ{color:#6f86ff;font-weight:600}.savings-amount-civ{color:#6f86ff;font-weight:700}.price-divider-civ{height:2px;background:#e5e5e5;margin:10px 0}.total-row-civ{font-size:18px;font-weight:700;color:#083758;padding:10px 0}.payment-options-civ{margin-top:18px;padding-top:16px;border-top:2px solid #f0f0f0}.payment-intro-civ{font-size:12px;color:#666;margin:0 0 12px;text-align:center}.payment-option-civ{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:8px;transition:all .2s ease}.payment-option-civ:hover{background:#f0f0f0}.payment-logo-civ{height:20px;width:auto;object-fit:contain}.payment-amount-civ{font-size:13px;color:#333}.trust-signals-civ{display:flex;justify-content:space-around;margin-top:18px;padding-top:16px;border-top:1px solid #e5e5e5}.trust-item-civ{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:#666;text-align:center}.trust-icon-civ{width:18px;height:18px;stroke:#6f86ff;stroke-width:2}.old-price-civ{text-decoration:line-through;color:#999;margin-right:6px;font-weight:400}.new-price-civ{font-weight:600}.hidden-civ{display:none!important}.modal-footer-civ{position:absolute;bottom:0;left:0;right:0;padding:21px 20px 19px;background:#f4f4f4;box-shadow:0 -2px 10px #00000014;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:10}.price-preview-civ{font-size:18px;font-weight:600;animation:fadeIn .3s ease}.terms-checkbox-footer-civ{width:100%;max-width:600px;text-align:center}.terms-label-civ{display:flex;align-items:start;justify-content:center;gap:5px;cursor:pointer;transition:opacity .2s ease}.terms-label-civ:hover{opacity:.8}.terms-input-civ{margin-top:2px;width:16px;height:16px;cursor:pointer;flex-shrink:0;accent-color:#083758;transition:transform .15s ease}.terms-input-civ:checked{transform:scale(1.1)}.terms-text-civ{font-size:15px;color:#666;line-height:1.4;text-align:left}.terms-link-civ{color:#2b556e;text-decoration:none;font-weight:500;transition:color .2s ease}.terms-link-civ:hover{text-decoration:underline;color:#1a3d4f}.footer-buttons-civ{display:flex;align-items:center;gap:7px;width:100%;max-width:600px}.back-btn-civ{border:none;width:42px;height:42px;min-width:32px;padding:0;border-radius:50%;cursor:pointer;background:#e7e6e6;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;color:#083758}.back-btn-civ svg{display:block}.back-btn-civ:hover{background:#d5d5d5;transform:translateY(-1px)}.back-btn-civ:active{transform:translateY(0) scale(.95)}.next-btn-civ{border:none;padding:11px 32px;border-radius:999px;cursor:pointer;font-size:16px;font-weight:700;background:#083758;color:#fff;flex:1;transition:all .2s cubic-bezier(.4,0,.2,1)}.next-btn-civ:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.next-btn-civ:active{transform:translateY(0)}.next-btn-civ:disabled{opacity:.4;cursor:not-allowed;transform:none}.next-btn-civ:disabled:hover{transform:none;box-shadow:none}.delivery-text-civ{color:#6f86ff}@media(max-width:750px){.step-civ{bottom:70px;padding-bottom:80px}.step-civ[data-step="5"]{top:60px;bottom:70px;padding-bottom:95px}.step-title-civ{margin-bottom:35px;margin-top:0;font-size:24px}.step-subtitle-civ{font-size:15px;margin-top:-20px}.step-civ[data-step="1"] .meta-civ p,.step-civ[data-step="2"] .meta-civ p{display:none}.step-civ[data-step="1"] .option-card-civ input:checked+.card-civ .meta-civ p,.step-civ[data-step="2"] .option-card-civ input:checked+.card-civ .meta-civ p{display:block;animation:fadeIn .25s ease}.backup-question-civ,.quantity-section-civ{flex-direction:column;align-items:flex-start;gap:12px}.options-grid-civ{flex-direction:column}.option-card-civ{width:100%}.card-civ{min-height:unset}.option-card-civ h3{max-width:200px}.trust-signals-civ{flex-direction:row;gap:8px;flex-wrap:wrap;justify-content:center}.trust-item-civ{flex-direction:column;gap:4px;flex:1;min-width:80px}.payment-option-civ{flex-direction:row;justify-content:space-between}.summary-card-civ{padding:16px}.summary-container-civ,.summary-left-column-civ,.summary-right-column-civ{gap:12px}.modal-footer-civ{padding:13px 16px 17px}.footer-buttons-civ{max-width:100%}.back-btn-civ{width:38px;height:38px;min-width:38px}.eligibility-card-civ,.selling-points-card-civ{padding:24px}.shade-label-civ{min-height:100px}}@media(min-width:751px){.options-grid-civ{align-items:stretch}.card-civ{height:100%;display:flex;flex-direction:column}.meta-civ{flex:1;display:flex;flex-direction:column}.shade-image-civ{height:auto;background:#fff;padding-top:20px}.shade-card-civ{background:#fff}.shade-label-civ{min-height:140px;display:flex;flex-direction:column;justify-content:center}}@media(min-width:900px){.summary-container-civ{grid-template-columns:1fr 1fr;align-items:start}.summary-left-column-civ,.summary-right-column-civ{display:flex;flex-direction:column}.summary-right-column-civ .summary-card-civ{height:auto}.step-civ[data-step="5"]{top:60px;bottom:130px;padding-bottom:40px}.step-title-civ{margin-bottom:24px}}.next-btn-civ{position:relative}.next-btn-civ .button-text-civ{display:inline-block}.next-btn-civ.loading-civ .button-text-civ{visibility:hidden}.next-btn-civ .dot-loader-civ{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);gap:6px}.next-btn-civ.loading-civ .dot-loader-civ{display:flex;align-items:center}.next-btn-civ.loading-civ{cursor:not-allowed;opacity:.9}.dot-civ{width:8px;height:8px;background-color:#fff;border-radius:50%;animation:wave-civ 1.2s ease-in-out infinite}.dot-civ:nth-child(1){animation-delay:0s}.dot-civ:nth-child(2){animation-delay:.15s}.dot-civ:nth-child(3){animation-delay:.3s}.dot-civ:nth-child(4){animation-delay:.45s}@keyframes wave-civ{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}@media(max-width:750px){.step-civ[data-step="4"] .step-title-civ{margin-bottom:16px}.step-civ[data-step="4"] .addons-grid-civ{gap:10px}.step-civ[data-step="4"] .addon-content-civ{padding:12px 16px}.step-civ[data-step="4"] .addon-text-civ{gap:3px}.step-civ[data-step="4"] .upgrade-card-wrapper-civ{margin-bottom:16px}}.options-grid-civ:has(input[type=radio]:checked) .option-card-civ:not(:has(input:checked)) .card-civ{opacity:1!important}.wz-inc{display:inline-block;font-size:12px;font-weight:600;color:#2a3fb8;background:#eef3ff;border-radius:999px;padding:2px 9px;white-space:nowrap;line-height:1.5}.option-card-civ .card-civ{position:relative}.wz-price{position:absolute;top:17px;right:48px;font-size:15px;font-weight:500;color:#3d4b58;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.3}.wz-price small{font-size:12px;font-weight:400;color:#7a8794;margin-right:2px}.option-card-civ:has(.wz-price) .meta-civ{padding-right:92px}@media(max-width:750px){.step-civ .step-title-civ{margin-bottom:16px!important}.step-civ{top:52px}.step-civ .meta-civ p{display:block!important}}
/*# sourceMappingURL=/cdn/shop/t/107/assets/vn-civ-quiz.css.map */