*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #2563eb;--color-primary-dark: #1e40af;--color-primary-light: #3b82f6;--color-secondary: #64748b;--color-secondary-dark: #475569;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-white: #ffffff;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-gray-800);background-color:var(--color-gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-gray-900);margin-bottom:var(--spacing-md);letter-spacing:-.01em}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;text-align:center;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;min-height:44px;min-width:120px;line-height:1.5;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:disabled:hover{background-color:inherit;transform:none!important}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-md)}.btn-primary:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;box-shadow:0 0 0 4px #2563eb4d}.btn-secondary{background-color:var(--color-gray-200);color:var(--color-gray-800)}.btn-ghost{background-color:#ffffffb3;color:var(--color-gray-800);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #2563eb1f}.btn-ghost:hover:not(:disabled){background-color:#fffffff2;color:var(--color-primary);transform:translateY(-2px)}.btn-ghost:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-300);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary:focus-visible{outline:3px solid var(--color-gray-600);outline-offset:3px;box-shadow:0 0 0 4px #64748b4d}.btn-large{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg);min-height:56px}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base) ease-out}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.slide-in{animation:slideIn var(--transition-base) ease-out}.header{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-sm) 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2}.header-content{display:flex;align-items:center;justify-content:center}.logo{height:32px;width:auto}.hero{background:radial-gradient(120% 120% at 85% 20%,rgba(255,255,255,.15),transparent),radial-gradient(80% 80% at 20% 20%,rgba(255,255,255,.18),transparent),linear-gradient(115deg,#1b4fd8 0%,#2563eb 45%,#0ea5e9 100%);color:var(--color-white);padding:calc(var(--spacing-3xl) + 1rem) 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.02) 100%);opacity:1;z-index:0}.hero:after{content:"";position:absolute;width:520px;height:520px;right:-180px;bottom:-140px;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 60%);filter:blur(6px);z-index:0}.hero-content{position:relative;z-index:1;text-align:center;max-width:880px;margin:0 auto}.hero-pill{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-full);color:#eaf1ff;font-weight:600;margin-bottom:var(--spacing-md);letter-spacing:.01em;box-shadow:0 20px 60px #00000026}.hero-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm);color:var(--color-white);animation:fadeIn .6s ease-out;text-shadow:0 2px 4px rgba(0,0,0,.14)}.hero-subtitle{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);color:#ffffffe6;animation:fadeIn .8s ease-out;text-shadow:0 1px 2px rgba(0,0,0,.12)}.hero-cta{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.hero .btn-primary{animation:fadeIn 1s ease-out;background-color:var(--color-white);color:var(--color-primary);font-weight:700;letter-spacing:.5px}.hero .btn-primary:hover{background-color:var(--color-gray-100);color:var(--color-primary);transform:translateY(-3px);box-shadow:var(--shadow-xl)}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.hero-stat{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 12px 40px #0000001f}.hero-stat-icon{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.22);display:grid;place-items:center;font-size:1.25rem}.hero-stat-title{color:var(--color-white);font-weight:700;margin:0}.hero-stat-text{color:#ffffffd9;margin:0;font-size:var(--font-size-sm)}.benefits{padding:var(--spacing-2xl) 0;background:linear-gradient(180deg,#f6f9ff 0%,#ffffff 55%)}.section-title{text-align:center;margin-bottom:var(--spacing-lg);font-size:var(--font-size-2xl);position:relative;display:inline-block;padding-bottom:var(--spacing-sm);margin-inline:auto}.section-title:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;width:96px;height:4px;background:linear-gradient(90deg,var(--color-primary-light),var(--color-primary));border-radius:var(--radius-full);box-shadow:0 6px 24px #2563eb2e}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.benefit-card{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;box-shadow:0 20px 40px #0f172a14;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-fast);border:1px solid var(--color-gray-100);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.benefit-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:#2563eb33}.benefit-icon{font-size:1.6rem;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(37,99,235,.08);color:#1e40af}.benefit-title{font-size:calc(var(--font-size-lg) * 1.25);margin-bottom:var(--spacing-xs);color:var(--color-gray-900)}.benefit-text{color:var(--color-gray-600);font-size:calc(var(--font-size-base) * 1.25);margin-bottom:0;max-width:340px}.testimonials{padding:var(--spacing-2xl) 0;background:linear-gradient(180deg,#ffffff 0%,#f6f8fc 100%)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.testimonial-card{background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%);padding:var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid rgba(37,99,235,.12);box-shadow:0 18px 40px #0f172a14;transition:transform var(--transition-base),box-shadow var(--transition-base);position:relative;text-align:center}.testimonial-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 10%,rgba(37,99,235,.06),transparent 45%);pointer-events:none}.testimonial-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.testimonial-image{width:250px;height:250px;border-radius:var(--radius-lg);object-fit:cover;margin:0 auto var(--spacing-md) auto;display:block;border:3px solid rgba(37,99,235,.2);box-shadow:0 4px 12px #0f172a1a}.testimonial-rating{color:#fbbf24;font-weight:700;letter-spacing:.08em;margin-bottom:var(--spacing-sm)}.testimonial-text{font-style:italic;color:var(--color-gray-700);margin-bottom:var(--spacing-sm);font-size:calc(var(--font-size-base) * 1.25);line-height:1.6}.testimonial-author{color:var(--color-gray-600);font-weight:600;margin-bottom:var(--spacing-xs);font-size:calc(var(--font-size-sm) * 1.25)}.testimonial-product{color:var(--color-gray-500);font-weight:500;margin-bottom:0;font-size:calc(var(--font-size-sm) * 1.1);font-style:italic}.testimonial-celebrity{display:inline-block;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(37,99,235,.05));color:var(--color-gray-700);font-size:calc(var(--font-size-xs) * 1.25);font-weight:600;padding:4px 12px;border-radius:12px;margin-top:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.quiz{padding:var(--spacing-3xl) 0;background-color:var(--color-gray-50);min-height:80vh}.quiz-wrapper{max-width:800px;margin:0 auto;background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);position:relative}.quiz-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.quiz-progress{margin-bottom:var(--spacing-2xl)}.progress-bar{width:100%;height:8px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-sm)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-full);transition:width var(--transition-base);width:0%}.progress-text{display:block;text-align:center;color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:500;margin-top:var(--spacing-xs)}.question-container{margin-bottom:var(--spacing-2xl)}.question-container.fade-in{animation:fadeIn .4s ease-out}.question-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);color:var(--color-gray-900);text-align:center;font-weight:700;line-height:1.3}.question-hint{text-align:center;color:var(--color-primary);font-size:var(--font-size-base);margin-bottom:var(--spacing-xl);font-weight:600;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:var(--color-white);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:inline-flex;align-items:center;gap:var(--spacing-sm);width:100%;justify-content:center;position:relative;overflow:hidden}.question-hint:before{content:"💡";font-size:var(--font-size-lg);margin-right:var(--spacing-xs)}.question-hint:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.answers-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.answer-btn{width:100%;padding:var(--spacing-lg);background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:all var(--transition-base);min-height:56px;display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-gray-800);font-weight:500;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.answer-btn:active{transform:translate(3px) scale(.98)}.answer-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-primary);transform:scaleY(0);transition:transform var(--transition-base)}.answer-btn:hover{border-color:var(--color-primary);background-color:#2563eb0d;transform:translate(5px);box-shadow:var(--shadow-md)}.answer-btn:hover:before{transform:scaleY(1)}.answer-btn.selected{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-md);transform:translate(5px)}.answer-btn.selected:hover{background-color:var(--color-primary-dark);transform:translate(5px) scale(1.02)}.answer-btn.selected:before{transform:scaleY(1);background-color:var(--color-white)}.answer-btn .answer-icon{font-size:1.2rem;opacity:.7;transition:opacity var(--transition-base)}.answer-btn:hover .answer-icon,.answer-btn.selected .answer-icon{opacity:1}.answer-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 3px #2563eb33}.answer-btn:focus:not(:focus-visible){outline:none;box-shadow:none}.answer-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;box-shadow:0 0 0 4px #2563eb4d;z-index:1;position:relative}.quiz-navigation{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-gray-200)}.quiz-navigation .btn{flex:1;max-width:200px;position:relative;overflow:hidden}.quiz-navigation .btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.quiz-navigation .btn:active:before{width:300px;height:300px}.result{padding:var(--spacing-3xl) 0;background-color:var(--color-gray-50);min-height:80vh}.result-wrapper{max-width:900px;margin:0 auto}.result-title{text-align:center;font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2xl);color:var(--color-gray-900);animation:fadeIn .6s ease-out}.product-card{background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-2xl);display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-2xl);animation:fadeIn .8s ease-out}.product-image{width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-lg);object-fit:cover;background-color:var(--color-gray-100);transition:opacity var(--transition-base),transform var(--transition-base)}.product-image:hover{transform:scale(1.02)}.product-info{display:flex;flex-direction:column}.product-name{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);color:var(--color-gray-900)}.product-description{font-size:var(--font-size-lg);color:var(--color-gray-600);margin-bottom:var(--spacing-lg);line-height:1.7}.product-reason{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);font-size:var(--font-size-base);line-height:1.6;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.product-reason:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.product-reason:before{content:"💡 ";margin-right:var(--spacing-xs)}.product-info .btn{align-self:flex-start;margin-top:auto}.product-info .btn-primary{color:var(--color-white)}.product-info .btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);color:var(--color-white)}.alternative-products{margin-top:var(--spacing-2xl);animation:fadeIn 1s ease-out}.alternatives-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);text-align:center;color:var(--color-gray-800)}.alternatives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.alternative-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.alternative-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.alternative-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);background-color:var(--color-gray-100);transition:transform var(--transition-base)}.alternative-card:hover img{transform:scale(1.05)}.alternative-card h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-gray-900)}.alternative-card p{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-md)}#restart-quiz-btn{display:block;margin:var(--spacing-xl) auto 0;max-width:300px}.product-image{transition:opacity var(--transition-base)}.product-image[src=""],.product-image:not([src]){background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);font-size:var(--font-size-sm);position:relative}.product-image[src=""]:before,.product-image:not([src]):before{content:"📦";font-size:3rem;opacity:.3;position:absolute}.product-image[src=""]:after,.product-image:not([src]):after{content:"Изображение товара";padding:var(--spacing-lg);margin-top:3rem;position:relative;z-index:1}.motivation-container{position:relative;margin-bottom:var(--spacing-lg);min-height:60px;overflow:visible}.motivation-message{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:var(--color-white);font-weight:600;font-size:var(--font-size-base);text-align:center;opacity:0;transform:translateY(-20px) scale(.95);transition:all var(--transition-base);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.motivation-message:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.motivation-container.show .motivation-message:before{left:100%}.motivation-container.show .motivation-message{opacity:1;transform:translateY(0) scale(1)}.motivation-emoji{font-size:1.5rem;animation:bounce 1s ease-in-out infinite}.motivation-text{flex:1}.motivation-start{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.motivation-progress{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%)}.motivation-encouragement{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.motivation-milestone{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);animation:pulse 2s ease-in-out infinite}.motivation-almost{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.motivation-final{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.motivation-complete{background:linear-gradient(135deg,#10b981 0%,#059669 100%);font-size:var(--font-size-lg);padding:var(--spacing-lg)}.answer-btn.answer-success{animation:successPulse .6s ease-out;transform:scale(1.05)}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 0 #2563ebb3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #2563eb00}to{transform:scale(1);box-shadow:0 0 #2563eb00}}.confetti{position:fixed;font-size:20px;pointer-events:none;z-index:1000}.congratulations-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity var(--transition-base)}.congratulations-overlay.show{opacity:1}.congratulations-content{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-3xl);text-align:center;max-width:500px;margin:var(--spacing-lg);box-shadow:var(--shadow-xl);transform:scale(.8);transition:transform var(--transition-base)}.congratulations-overlay.show .congratulations-content{transform:scale(1)}.congratulations-emoji{font-size:4rem;margin-bottom:var(--spacing-lg);animation:bounce 1s ease-in-out infinite}.congratulations-title{font-size:var(--font-size-3xl);color:var(--color-gray-900);margin-bottom:var(--spacing-md)}.congratulations-text{font-size:var(--font-size-lg);color:var(--color-gray-600);line-height:1.6}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@media (max-width: 767px){.motivation-message{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.motivation-emoji{font-size:1.2rem}.congratulations-content{padding:var(--spacing-xl)}.congratulations-emoji{font-size:3rem}.congratulations-title{font-size:var(--font-size-2xl)}}@media (max-width: 767px){:root{--font-size-4xl: 1.75rem;--font-size-3xl: 1.5rem;--font-size-2xl: 1.25rem}.container{padding:0 var(--spacing-sm)}.logo{height:32px}.hero{padding:var(--spacing-lg) 0}.hero-cta{flex-direction:column}.hero-stats{grid-template-columns:1fr}.hero-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.hero-subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.hero .btn-large{width:100%;max-width:100%}.benefits{padding:var(--spacing-lg) 0}.section-title{margin-bottom:var(--spacing-md);font-size:var(--font-size-xl)}.benefits-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.benefit-card{padding:var(--spacing-lg)}.testimonials{padding:var(--spacing-lg) 0}.testimonials-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.quiz{padding:var(--spacing-lg) 0}.quiz-wrapper{padding:var(--spacing-lg);border-radius:var(--radius-lg)}.question-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.answer-btn{padding:var(--spacing-md);font-size:var(--font-size-sm);min-height:48px}.quiz-navigation{flex-direction:column}.quiz-navigation .btn{max-width:100%;width:100%}.result{padding:var(--spacing-lg) 0}.product-card{grid-template-columns:1fr;padding:var(--spacing-lg);gap:var(--spacing-lg)}.product-image{max-width:100%;margin:0 auto;aspect-ratio:1 / 1}.product-image:hover{transform:none}.product-info .btn{width:100%}.alternatives-grid{grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 1023px){.benefits-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.product-card{grid-template-columns:250px 1fr}}@media (min-width: 1024px){.hero-title{font-size:var(--font-size-4xl)}.benefits-grid,.testimonials-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1920px){.container{max-width:1400px}.hero-title{font-size:3rem}}@media (hover: none) and (pointer: coarse){.btn,.answer-btn{min-height:48px;padding:var(--spacing-md) var(--spacing-lg)}.answer-btn:hover{transform:none}.answer-btn:active{transform:scale(.97)}.benefit-card:hover,.testimonial-card:hover{transform:none}}@media print{.header,.quiz-navigation,.btn{display:none}.quiz,.result{padding:0;background:white}}