:root{--quiz-primary:#247eba;--quiz-primary-dark:#1e5f8d;--quiz-accent:#ff7a2f;--quiz-bg:#f4f7fb;--quiz-surface:#ffffff;--quiz-surface-alt:#f7f9fc;--quiz-text:#1f2937;--quiz-text-muted:#667085;--quiz-border:#dbe3ee;--quiz-border-strong:#b8c8dc;--quiz-success:#1f8f59;--quiz-shadow:0 20px 60px rgba(17,24,39,0.18);--quiz-radius-lg:24px;--quiz-radius-md:18px;--quiz-radius-sm:14px;--quiz-transition:180ms cubic-bezier(0.16,1,0.3,1)}*{box-sizing:border-box}.quiz-popup-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.quiz-popup{position:relative;width:min(100%,1040px);max-height:min(92vh,980px);overflow:auto;border-radius:var(--quiz-radius-lg);background:var(--quiz-surface);color:var(--quiz-text);box-shadow:var(--quiz-shadow)}.quiz-close-btn{position:absolute;top:16px;right:16px;z-index:5;width:44px;height:44px;border:0;border-radius:999px;background:rgba(255,255,255,.94);color:var(--quiz-text);cursor:pointer;box-shadow:0 8px 20px rgba(15,23,42,.12);transition:transform var(--quiz-transition),background var(--quiz-transition),color var(--quiz-transition)}.quiz-close-btn:hover{transform:rotate(90deg);background:var(--quiz-accent);color:#fff}.quiz-close-btn svg{width:20px;height:20px;margin:auto}.quiz-progress-wrap{padding:24px 32px 0}.quiz-progress-topline{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--quiz-text-muted);font-size:14px;font-weight:600}.quiz-progress{height:8px;border-radius:999px;background:#e8eef6;overflow:hidden}.progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--quiz-primary),#4aa0d8);transition:width .35s ease}.quiz-content{padding:32px}.quiz-intro-step{display:grid;grid-template-columns:1.05fr 1fr;min-height:620px;overflow:hidden;border-radius:calc(var(--quiz-radius-lg) - 6px);background:linear-gradient(180deg,#eef5fb,#ffffff)}.quiz-intro-media{min-height:100%}.quiz-intro-image{width:100%;height:100%;object-fit:cover}.quiz-intro-panel{display:flex;flex-direction:column;justify-content:center;padding:48px}.quiz-badge{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:8px 14px;border-radius:999px;background:rgba(36,126,186,.12);color:var(--quiz-primary);font-size:14px;font-weight:700}.quiz-badge-light{background:rgba(255,255,255,.16);color:#fff}.quiz-intro-title{margin:18px 0 16px;font-size:clamp(32px,4vw,46px);line-height:1.08}.quiz-contact-side p,.quiz-form-disclaimer,.quiz-intro-note,.quiz-intro-subtitle,.quiz-step-header p,.quiz-success-step p{color:var(--quiz-text-muted);line-height:1.6}.quiz-success-list,.quiz-trust-list,.quiz-trust-vertical{display:grid;grid-gap:12px;gap:12px;margin:24px 0 28px}.quiz-success-item,.quiz-trust-item{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid rgba(36,126,186,.12);border-radius:var(--quiz-radius-sm);background:#fff;font-weight:600}.quiz-success-item:before,.quiz-trust-item:before{content:"✓";width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(36,126,186,.12);color:var(--quiz-primary);flex:0 0 24px}.quiz-trust-item.light{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}.quiz-trust-item.light:before{background:rgba(255,255,255,.18);color:#fff}.quiz-step-shell{max-width:920px;margin:0 auto}.quiz-step-header{margin-bottom:28px;text-align:center}.quiz-contact-side h3,.quiz-step-header h3,.quiz-success-step h3{margin:0 0 12px;font-size:clamp(28px,3vw,36px);line-height:1.15}.quiz-card-grid,.quiz-confirm-actions,.quiz-dimensions-grid,.quiz-messenger-grid,.quiz-success-actions{display:grid;grid-gap:16px;gap:16px}.quiz-card-grid.two-columns,.quiz-dimensions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-card-grid.three-columns,.quiz-messenger-grid,.quiz-success-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.quiz-field{display:flex;flex-direction:column;gap:10px}.quiz-field span,.quiz-field-label{font-size:14px;font-weight:700;color:var(--quiz-text)}.quiz-field input{width:100%;min-height:56px;padding:16px 18px;border:1.5px solid var(--quiz-border);border-radius:var(--quiz-radius-sm);background:#fff;color:var(--quiz-text);font-size:16px;transition:border-color var(--quiz-transition),box-shadow var(--quiz-transition)}.quiz-field input:focus{outline:none;border-color:var(--quiz-primary);box-shadow:0 0 0 4px rgba(36,126,186,.14)}.quiz-gift-card,.quiz-image-card,.quiz-messenger-btn,.quiz-select-card{position:relative;min-height:120px;padding:18px;border:1.5px solid var(--quiz-border);border-radius:var(--quiz-radius-md);background:var(--quiz-surface-alt);cursor:pointer;text-align:left;transition:transform var(--quiz-transition),border-color var(--quiz-transition),box-shadow var(--quiz-transition),background var(--quiz-transition),color var(--quiz-transition)}.quiz-gift-card:hover,.quiz-image-card:hover,.quiz-messenger-btn:hover,.quiz-select-card:hover{transform:translateY(-2px);border-color:var(--quiz-border-strong);box-shadow:0 12px 24px rgba(17,24,39,.08)}.quiz-gift-card.is-active,.quiz-image-card.is-active,.quiz-messenger-btn.is-active,.quiz-select-card.is-active{border-color:var(--quiz-primary);background:rgba(36,126,186,.08);box-shadow:0 14px 28px rgba(36,126,186,.14)}.quiz-select-card.align-left{min-height:96px}.quiz-select-card-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:14px;border-radius:14px;background:rgba(36,126,186,.12);color:var(--quiz-primary);font-size:24px;font-weight:800}.quiz-image-card-title,.quiz-select-card-title{display:block;font-size:18px;font-weight:700;line-height:1.3}.quiz-image-card-text,.quiz-select-card-text{display:block;margin-top:8px;color:var(--quiz-text-muted);line-height:1.5}.quiz-image-card{min-height:252px;padding:12px}.quiz-image-card img{width:100%;height:132px;object-fit:cover;border-radius:12px;margin-bottom:14px}.quiz-checkmark{position:absolute;top:16px;right:16px;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(36,126,186,.12);color:var(--quiz-primary)}.quiz-checkmark,.quiz-gift-badge{display:inline-flex;border-radius:999px;font-weight:800}.quiz-gift-badge{width:-moz-fit-content;width:fit-content;margin-bottom:14px;padding:6px 10px;background:rgba(255,122,47,.14);color:#b5521f;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.quiz-contact-step{display:grid;grid-template-columns:.95fr 1.05fr;overflow:hidden;border-radius:var(--quiz-radius-lg);background:linear-gradient(135deg,#1f6ea5,#2f89c6)}.quiz-contact-side{padding:40px;color:#fff}.quiz-contact-side h3,.quiz-contact-side p{color:white}.quiz-contact-form-wrap{padding:40px;background:#fff}.quiz-contact-form{display:grid;grid-gap:18px;gap:18px}.quiz-contact-form a{color:#247eba}.quiz-messenger-block{display:grid;grid-gap:12px;gap:12px}.quiz-messenger-btn{min-height:56px;text-align:center;font-weight:700;background:#fff}.quiz-inline-error{margin-top:16px;padding:14px 16px;border-radius:var(--quiz-radius-sm);background:#fff1f0;color:#c33a2b;border:1px solid #f3c7c2;font-size:14px;line-height:1.5}.quiz-primary-btn,.quiz-secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:14px 22px;border-radius:999px;text-decoration:none;font-size:16px;font-weight:700;cursor:pointer;transition:transform var(--quiz-transition),box-shadow var(--quiz-transition),background var(--quiz-transition),color var(--quiz-transition),border-color var(--quiz-transition)}.quiz-primary-btn{border:0;background:linear-gradient(135deg,var(--quiz-primary),#4aa0d8);color:#fff;box-shadow:0 14px 30px rgba(36,126,186,.25)}.quiz-primary-btn:hover{transform:translateY(-2px)}.quiz-primary-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.quiz-secondary-btn{border:1.5px solid var(--quiz-border);background:#fff;color:var(--quiz-text)}.quiz-navigation{display:flex;justify-content:space-between;gap:16px;padding:0 32px 32px}.quiz-nav-next{min-width:160px}.quiz-submit-btn{width:100%}.quiz-success-step{max-width:720px;margin:0 auto;padding:36px 0 12px;text-align:center}.quiz-success-icon{width:72px;height:72px;margin:0 auto 20px;border-radius:999px;background:rgba(31,143,89,.14);color:var(--quiz-success);font-size:36px;font-weight:800}.quiz-confirm-overlay,.quiz-success-icon{display:flex;align-items:center;justify-content:center}.quiz-confirm-overlay{position:absolute;inset:0;padding:20px;background:rgba(15,23,42,.48)}.quiz-confirm-card{width:min(100%,420px);padding:24px;border-radius:var(--quiz-radius-md);background:#fff;box-shadow:0 18px 40px rgba(15,23,42,.18)}.quiz-confirm-card h4{margin:0 0 10px;font-size:24px}.quiz-confirm-card p{margin:0 0 18px;color:var(--quiz-text-muted);line-height:1.6}.quiz-confirm-actions{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:980px){.quiz-contact-step,.quiz-intro-step{grid-template-columns:1fr}.quiz-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.quiz-content,.quiz-navigation,.quiz-progress-wrap{padding-left:20px;padding-right:20px}.quiz-content{padding-top:20px;padding-bottom:20px}.quiz-contact-form-wrap,.quiz-contact-side,.quiz-intro-panel{padding:24px 20px}.quiz-card-grid.three-columns,.quiz-card-grid.two-columns,.quiz-confirm-actions,.quiz-dimensions-grid,.quiz-image-grid,.quiz-messenger-grid,.quiz-success-actions{grid-template-columns:1fr}.quiz-navigation{flex-direction:column-reverse;padding-top:0;padding-bottom:20px}.quiz-close-btn{top:12px;right:12px}}@media (max-width:480px){.quiz-popup-overlay{padding:8px}.quiz-popup{max-height:96vh;border-radius:20px}.quiz-contact-side h3,.quiz-intro-title,.quiz-step-header h3,.quiz-success-step h3{font-size:28px}.quiz-gift-card,.quiz-image-card,.quiz-select-card{min-height:auto}}