.first-buyer-popup{backdrop-filter:blur();height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%;z-index:var(--z-modal)}.first-buyer-popup.show{backdrop-filter:blur(8px);opacity:1;visibility:visible}.first-buyer-popup__backdrop{animation:backdropPulse 6s ease-in-out infinite;background:#1e3a8acc;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes backdropPulse{0,to{background:linear-gradient(135deg,#1e3a8acc,#0ea5e9cc 50%,#d97706cc)}50%{background:linear-gradient(135deg,#0ea5e9cc,#d97706cc 50%,#1e3a8acc)}}[data-theme*=dark] .first-buyer-popup__backdrop{animation:backdropPulseDark 6s ease-in-out infinite;background:#3b82f6e6}@keyframes backdropPulseDark{0,to{background:linear-gradient(135deg,#3b82f6e6,#06b6d4e6 50%,#f59e0be6)}50%{background:linear-gradient(135deg,#06b6d4e6,#f59e0be6 50%,#3b82f6e6)}}.first-buyer-popup__container{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);left:50%;max-height:90vh;max-width:480px;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%)scale(.8);transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:95%}.first-buyer-popup.show .first-buyer-popup__container{transform:translate(-50%,-50%)scale(1)}.first-buyer-popup__header{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);color:var(--background-color);overflow:hidden;padding:var(--space-8) var(--space-6);position:relative;text-align:center}.first-buyer-popup__header:before{animation:headerShimmer 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes headerShimmer{0,to{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}}.first-buyer-popup__close{align-items:center;background:#fff3;border:none;border-radius:var(--radius-full);color:var(--background-color);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:var(--space-4);top:var(--space-4);transition:all var(--transition-base);width:36px;z-index:2}.first-buyer-popup__close:focus,.first-buyer-popup__close:hover{background:#ffffff4d;outline:2px solid var(--background-color);outline-offset:2px;transform:rotate(90deg)scale(1.1)}.first-buyer-popup__title{animation:titleBounce .6s ease-out .2s both;color:var(--background-color);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2);position:relative;z-index:1}@keyframes titleBounce{0{opacity:0;transform:translateY(20px)}60%{opacity:1;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.first-buyer-popup__subtitle{animation:titleBounce .6s ease-out .4s both;color:var(--background-color);font-size:var(--font-size-base);margin:0;opacity:.9;padding-bottom:var(--space-8);position:relative;z-index:1}.first-buyer-popup__progress{background:var(--background-color);margin-top:var(--space-6);padding:0 var(--space-6) var(--space-6)}.progress-bar{background:var(--surface-color);border-radius:var(--radius-sm);height:8px;margin-bottom:var(--space-2);overflow:hidden;width:100%}.progress-bar__fill{background:linear-gradient(90deg,var(--primary-color) 0,var(--accent-color) 100%);border-radius:var(--radius-sm);height:100%;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-bar__fill:after{animation:progressShine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);content:"";inset:0;position:absolute}@keyframes progressShine{0{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{color:var(--text-muted-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center}.first-buyer-popup__content{background:var(--background-color);display:flex;flex-direction:column;justify-content:center;margin-top:var(--space-4);max-height:425px;overflow-y:auto;padding:var(--space-8) var(--space-6)}.question-container{margin-top:var(--space-92);opacity:0;transform:translateX(100px);transition:all .5s cubic-bezier(.34,1.56,.64,1)}.question-container.active{opacity:1;transform:translateX(0)}.question-container.prev{opacity:0;transform:translateX(-100px)}.question-title{color:var(--text-color);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-8);text-align:center}.question-emoji{animation:emojiFloat 3s ease-in-out infinite;display:block;font-size:2.5rem;margin-bottom:var(--space-4)}@keyframes emojiFloat{0,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(2deg)}75%{transform:translateY(-5px)rotate(-2deg)}}.answer-options{display:grid;gap:var(--space-4);margin-bottom:var(--space-8)}.answer-option{align-items:center;background:var(--surface-color);border:2px solid #0000;border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:var(--space-4);overflow:hidden;padding:var(--space-6);position:relative;text-align:left;transition:all var(--transition-base)}.answer-option:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}[data-theme*=dark] .answer-option:before{background:linear-gradient(90deg,#0000,#ffffff0d 50%,#0000)}.answer-option:hover:before{left:100%}.answer-option:focus,.answer-option:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);outline:0;transform:translateY(-4px)scale(1.02)}.answer-option.selected{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border-color:var(--primary-color);color:var(--background-color);transform:scale(1.05)}.answer-option.selected .answer-emoji{animation:selectedBounce .6s ease-out}@keyframes selectedBounce{0{transform:scale(1)}50%{transform:scale(1.3)rotate(10deg)}to{transform:scale(1)rotate(0)}}.answer-emoji{flex-shrink:0;font-size:1.5rem;transition:all var(--transition-base)}.answer-text{color:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug)}.answer-subtext{color:inherit;font-size:var(--font-size-sm);margin-top:var(--space-1);opacity:.8}.answer-option.selected .answer-subtext,.answer-option.selected .answer-text{color:var(--background-color)}.popup-navigation{align-items:center;background:var(--surface-color);border-top:1px solid var(--border-color);display:flex!important;justify-content:space-between;min-height:60px;padding:var(--space-12)}.nav-progress-indicator{background:var(--primary-color);color:var(--background-color);font-size:var(--font-size-lg);justify-content:center;width:40px}.nav-btn,.nav-progress-indicator{align-items:center;border-radius:var(--radius-full);display:flex;height:40px;transition:all var(--transition-base)}.nav-btn{border:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);min-width:80px;overflow:hidden;padding:var(--space-4) var(--space-8);position:relative}.nav-btn:before{background:#ffffff4d;border-radius:var(--radius-full);content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s;width:0}.nav-btn:active:before{height:200px;width:200px}.nav-btn--back{background:0 0;border:1px solid var(--text-muted-color);color:var(--text-muted-color)}.nav-btn--back:focus,.nav-btn--back:hover{border-color:var(--text-color);color:var(--text-color);outline:2px solid var(--primary-color);outline-offset:2px;transform:translateX(-3px)}.nav-btn--next{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border:none;color:var(--background-color);cursor:not-allowed;opacity:.5}.nav-btn--next:not(:disabled){cursor:pointer;opacity:1}.nav-btn--next:not(:disabled):focus,.nav-btn--next:not(:disabled):hover{box-shadow:var(--shadow-lg);outline:2px solid var(--background-color);outline-offset:2px;transform:translateX(3px)scale(1.05)}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.nav-btn:disabled:hover{transform:none!important}.results-container{padding:var(--space-8) 0;text-align:center}.results-emoji{animation:resultsCelebration 1s ease-out;display:block;font-size:4rem;margin-bottom:var(--space-6)}@keyframes resultsCelebration{0{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(180deg)}to{opacity:1;transform:scale(1)rotate(1turn)}}.results-title{color:var(--primary-color);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.results-description{color:var(--text-color);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8)}.results-highlights{background:var(--surface-color);border:1px solid var(--primary-color);border-radius:var(--radius-xl);margin-bottom:var(--space-8);padding:var(--space-6);text-align:left}.results-highlights h4{align-items:center;color:var(--primary-color);display:flex;font-size:var(--font-size-lg);gap:var(--space-2);margin-bottom:var(--space-4)}.results-highlights ul{list-style:none;padding:0}.results-highlights li{align-items:flex-start;color:var(--text-color);display:flex;gap:var(--space-2);padding:var(--space-2) 0}.results-highlights li:before{animation:sparkle 2s ease-in-out infinite;content:"✨";flex-shrink:0}@keyframes sparkle{0,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.8;transform:scale(1.2)rotate(180deg)}}.cta-section{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border-radius:var(--radius-xl);color:var(--background-color);margin:var(--space-6) 0 0;overflow:hidden;padding:var(--space-8);position:relative;text-align:center}.cta-section:before{animation:ctaRotate 6s linear infinite;background:conic-gradient(#0000 0deg,#ffffff1a 90deg,#0000 180deg);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes ctaRotate{0{transform:rotate(0)}to{transform:rotate(1turn)}}.cta-content{position:relative;z-index:1}.cta-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.cta-description,.cta-title{color:var(--background-color)}.cta-description{margin-bottom:var(--space-6);opacity:.9}.cta-buttons{display:flex;flex-direction:column;gap:var(--space-4)}.cta-btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);gap:var(--space-2);justify-content:center;overflow:hidden;padding:var(--space-6) var(--space-8);position:relative;transition:all var(--transition-base)}.cta-btn--primary{background:var(--background-color);color:var(--primary-color)}.cta-btn--primary:focus,.cta-btn--primary:hover{box-shadow:var(--shadow-xl);outline:2px solid var(--primary-color);outline-offset:2px;transform:translateY(-3px)scale(1.05)}.cta-btn--secondary{background:#fff3;border:2px solid #ffffff4d;color:var(--background-color)}.cta-btn--secondary:focus,.cta-btn--secondary:hover{background:#ffffff4d;outline:2px solid var(--background-color);outline-offset:2px;transform:scale(1.02)}.popup-footer{margin:var(--space-4);padding-top:var(--space-8);position:relative}.floating-logos{align-items:center;bottom:var(--space-6);display:flex;gap:var(--space-4);left:50%;opacity:.8;position:absolute;transform:translateX(-50%)}.floating-logo{animation:logoFloat 4s ease-in-out infinite;height:32px;object-fit:contain;width:32px}.floating-logo:nth-child(2){animation-delay:-2s}@keyframes logoFloat{0,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(5deg)}}.trust-text{color:var(--text-muted-color);font-size:var(--font-size-xs);margin-top:var(--space-2);text-align:center}@media (width <= 480px){.first-buyer-popup__container{border-radius:0;height:100%;left:0;max-height:100vh;top:0;transform:translateY(100%);width:100%}.first-buyer-popup.show .first-buyer-popup__container{transform:translateY(0)}.first-buyer-popup__title{font-size:var(--font-size-xl)}.question-title{font-size:var(--font-size-lg)}.answer-options{gap:var(--space-2)}.answer-option,.popup-navigation{padding:var(--space-4)}.nav-btn{height:36px;min-width:60px;padding:var(--space-2) var(--space-4)}}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{animation:loadingDots 1.4s ease-in-out infinite both;background:currentColor;border-radius:var(--radius-full);height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (prefers-contrast:high){.answer-option{border:2px solid var(--text-color)}.nav-btn{border:2px solid}.first-buyer-popup__container{border:3px solid var(--text-color)}}@media (prefers-reduced-motion:reduce){.answer-option,.first-buyer-popup,.first-buyer-popup__container,.floating-logo,.nav-btn,.question-container,.question-emoji,.results-emoji{animation:none!important;transition-duration:.01ms!important}.cta-section:before,.first-buyer-popup__header:before,.progress-bar__fill:after{animation:none}}.answer-option:focus{outline:2px solid var(--primary-color);outline-offset:2px;z-index:1}.popup-navigation:focus-within .nav-progress-indicator{box-shadow:0 0 0 2px var(--primary-color)}@media print{.first-buyer-popup{display:none!important}}.question-container[aria-hidden=true]{display:none}.answer-option[aria-selected=true]{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);color:var(--background-color)}.first-buyer-popup__error{background:var(--error-color);border-radius:var(--radius-lg);color:var(--background-color);margin:var(--space-4);padding:var(--space-4);text-align:center}.first-buyer-popup__loading{align-items:center;color:var(--text-muted-color);display:flex;justify-content:center;padding:var(--space-8)}.pulse-animation{animation:pulse .6s ease-out}@keyframes pulse{0{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}