.container-fluid{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.animate-on-scroll{opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.fade-in{transform:translateY(24px)}.animate-on-scroll.scale-up{transform:scale(.95)}.animate-on-scroll.slide-from-bottom{transform:translateY(40px)}.animate-on-scroll.animated{opacity:1;transform:translateY(0) scale(1)}.stagger-delay-1{transition-delay:.1s}.stagger-delay-2{transition-delay:.2s}.stagger-delay-3{transition-delay:.3s}.stagger-delay-4{transition-delay:.4s}.stagger-delay-5{transition-delay:.5s}.stagger-delay-6{transition-delay:.6s}.qdoll-generator-page{width:100%;padding:var(--spacing-md);background:var(--color-bg)}@media(min-width:768px){.qdoll-generator-page{padding:var(--spacing-lg)}}.qdoll-generator-wrapper{display:flex;flex-direction:column;gap:var(--spacing-md)}@media(min-width:1024px){.qdoll-generator-wrapper{flex-direction:row;gap:var(--spacing-lg);height:calc(100vh - 140px)}}.qdoll-hero-section{position:relative;min-height:70vh;display:flex;align-items:center;background:linear-gradient(180deg,var(--color-secondary) 0%,rgba(209,216,221,.3) 100%);overflow:hidden;padding:var(--spacing-2xl) 0}.qdoll-hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:2}.qdoll-hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--color-dark);text-shadow:0 2px 4px rgba(44,62,80,.1)}.qdoll-gradient-text{display:block;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:var(--spacing-sm);font-size:clamp(1.75rem,4vw,2.75rem)}.qdoll-hero-subtitle{font-size:clamp(1rem,2vw,1.125rem);color:var(--color-gray);line-height:1.75;max-width:750px;margin:0 auto}.qdoll-hero-subtitle strong{color:var(--color-primary);font-weight:600}.qdoll-hero-decoration{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.qdoll-frost-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(74,107,124,.15) 0%,transparent 70%);filter:blur(60px);animation:frost-pulse 6s ease-in-out infinite}.qdoll-frost-circle-1{width:500px;height:500px;top:-150px;right:-150px;animation-duration:8s}.qdoll-frost-circle-2{width:400px;height:400px;bottom:-100px;left:-100px;animation-duration:10s;animation-delay:-2s}.qdoll-gear-decoration{position:absolute;width:120px;height:120px;top:10%;right:5%;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234A6B7C'%3E%3Cpath d='M12 2l1.09 3.27L16 4.64l-.91 2.91L18 9l-2.82 1.45L16 13.36l-2.91-.63L12 16l-1.09-3.27L8 13.36l.91-2.91L6 9l2.82-1.45L8 4.64l2.91.63L12 2z'/%3E%3C/svg%3E");background-size:contain}.qdoll-steam-particles{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(74,107,124,.1) 1px,transparent 1px),radial-gradient(circle,rgba(74,107,124,.08) 1px,transparent 1px);background-size:50px 50px,80px 80px;background-position:0 0,40px 40px;opacity:.4;animation:steam-rise 20s linear infinite}@keyframes frost-pulse{0%,to{transform:translate(0) scale(1);opacity:.15}50%{transform:translate(10px,-10px) scale(1.05);opacity:.25}}@keyframes steam-rise{0%{transform:translateY(0)}to{transform:translateY(-50px)}}.section{padding:var(--spacing-2xl) 0}.qdoll-section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.qdoll-section-title{font-size:clamp(1.875rem,4vw,2.5rem);font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-dark);line-height:1.2}.qdoll-section-intro,.qdoll-section-subtitle{font-size:clamp(1rem,2vw,1.125rem);color:var(--color-gray);line-height:1.6;max-width:800px;margin:0 auto}.qdoll-section-subtitle strong{color:var(--color-primary);font-weight:600}.qdoll-what-section{background:var(--color-bg);position:relative}.qdoll-content-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--spacing-2xl);align-items:start}.qdoll-content-main{display:flex;flex-direction:column;gap:var(--spacing-xl)}.qdoll-image-wrapper{position:relative;width:100%;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:2px solid rgba(74,107,124,.2)}.qdoll-content-image{width:100%;height:auto;display:block;object-fit:cover;transition:transform var(--transition-base)}.qdoll-image-wrapper:hover .qdoll-content-image{transform:scale(1.03)}.qdoll-frost-overlay{position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(74,107,124,.1) 100%);pointer-events:none;opacity:0;transition:opacity var(--transition-base)}.qdoll-image-wrapper:hover .qdoll-frost-overlay{opacity:1}.qdoll-content-block{display:flex;flex-direction:column;gap:var(--spacing-md)}.qdoll-content-block p{font-size:1.0625rem;line-height:1.8;color:var(--color-text);margin:0}.qdoll-text-large{font-size:1.1875rem;line-height:1.75;font-weight:500}.qdoll-content-block strong{color:var(--color-primary);font-weight:600}.qdoll-content-block a{color:var(--color-primary);text-decoration:none;border-bottom:2px solid transparent;transition:border-color var(--transition-fast);font-weight:600}.qdoll-content-block a:hover{border-bottom-color:var(--color-primary)}.qdoll-content-sidebar{position:sticky;top:var(--spacing-lg)}.qdoll-info-card{position:relative;background:linear-gradient(135deg,#4a6b7c14,#6b8cae14);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:2px solid rgba(74,107,124,.25);box-shadow:var(--shadow-md);backdrop-filter:blur(8px)}.qdoll-card-decoration{position:absolute;top:-1px;right:-1px;width:80px;height:80px;background:linear-gradient(135deg,rgba(74,107,124,.15) 0%,transparent 100%);border-radius:0 var(--radius-xl) 0 0;pointer-events:none}.qdoll-card-title{font-size:1.375rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-dark)}.qdoll-benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.qdoll-benefits-list li{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:.9375rem;color:var(--color-text);line-height:1.6;padding:var(--spacing-sm);background:#ffffff80;border-radius:var(--radius-md);border-left:3px solid var(--color-primary);transition:all var(--transition-fast)}.qdoll-benefits-list li:hover{background:#4a6b7c1a;transform:translate(4px)}.qdoll-icon{flex-shrink:0;font-size:1.25rem;line-height:1}.qdoll-features-section{background:linear-gradient(180deg,rgba(209,216,221,.2) 0%,var(--color-secondary) 100%);position:relative;overflow:hidden}.qdoll-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.qdoll-feature-card{position:relative;background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);border-radius:var(--radius-xl);padding:var(--spacing-lg);border:2px solid rgba(74,107,124,.2);transition:all var(--transition-base);overflow:hidden;box-shadow:var(--shadow-sm)}.qdoll-feature-card:hover{transform:translateY(-8px);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.qdoll-feature-card:hover .qdoll-card-frost{opacity:1}.qdoll-card-frost{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(74,107,124,.12) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-slow);pointer-events:none}.qdoll-feature-icon{font-size:3rem;margin-bottom:var(--spacing-md);display:block;filter:drop-shadow(0 2px 6px rgba(74,107,124,.25))}.qdoll-feature-title{font-size:1.1875rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-dark)}.qdoll-feature-description{font-size:.9375rem;line-height:1.7;color:var(--color-gray);margin:0}.qdoll-feature-description strong{color:var(--color-primary);font-weight:600}.qdoll-how-section{background:var(--color-bg)}.qdoll-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.qdoll-step-card{position:relative;padding:var(--spacing-xl);background:linear-gradient(135deg,#ffffffd9,#f8f9fad9);border-radius:var(--radius-xl);border:2px solid rgba(74,107,124,.2);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.qdoll-step-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.qdoll-step-number{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:4rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.15;line-height:1}.qdoll-step-icon{font-size:3rem;margin-bottom:var(--spacing-md);display:block}.qdoll-step-title{font-size:1.375rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-dark)}.qdoll-step-description{font-size:.9375rem;line-height:1.75;color:var(--color-gray);margin:0}.qdoll-step-description strong{color:var(--color-primary);font-weight:600}.qdoll-online-section{background:linear-gradient(180deg,var(--color-secondary) 0%,rgba(209,216,221,.3) 100%)}.qdoll-online-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-2xl);align-items:center}.qdoll-online-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.qdoll-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:var(--gradient-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:.75rem;font-weight:700;letter-spacing:.05em;width:fit-content;box-shadow:var(--shadow-sm)}.qdoll-online-title{font-size:2rem;font-weight:700;color:var(--color-dark);line-height:1.2;margin:0}.qdoll-online-description{font-size:1.0625rem;color:var(--color-gray);line-height:1.7;margin:0}.qdoll-online-description strong{color:var(--color-primary);font-weight:600}.qdoll-online-benefits{display:flex;flex-direction:column;gap:var(--spacing-md)}.qdoll-benefit-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffffb3;border-radius:var(--radius-lg);border:1px solid rgba(74,107,124,.2);transition:all var(--transition-fast)}.qdoll-benefit-item:hover{background:#ffffffe6;transform:translate(4px);box-shadow:var(--shadow-sm)}.qdoll-benefit-icon{flex-shrink:0;font-size:2rem;line-height:1}.qdoll-benefit-text strong{display:block;font-size:1.0625rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-xs)}.qdoll-benefit-text p{font-size:.875rem;color:var(--color-gray);margin:0;line-height:1.5}.qdoll-online-visual{position:relative}.qdoll-browser-mockup{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:2px solid rgba(74,107,124,.2)}.qdoll-browser-header{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-light);border-bottom:1px solid var(--border-color)}.qdoll-browser-header span{width:12px;height:12px;border-radius:50%;background:var(--color-gray);opacity:.3}.qdoll-browser-image{width:100%;height:auto;display:block}.qdoll-showcase-section{background:var(--color-bg)}.qdoll-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.qdoll-showcase-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:2px solid rgba(74,107,124,.2);transition:all var(--transition-base)}.qdoll-showcase-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-glow);border-color:var(--color-primary)}.qdoll-showcase-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-base)}.qdoll-showcase-card:hover .qdoll-showcase-image{transform:scale(1.05)}.qdoll-showcase-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(44,62,80,.8) 100%);display:flex;align-items:flex-end;padding:var(--spacing-lg);opacity:0;transition:opacity var(--transition-base)}.qdoll-showcase-card:hover .qdoll-showcase-overlay{opacity:1}.qdoll-showcase-label{color:var(--color-white);font-size:1.125rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.qdoll-innovation-section{background:linear-gradient(180deg,rgba(209,216,221,.2) 0%,var(--color-secondary) 100%)}.qdoll-innovation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.qdoll-innovation-card{padding:var(--spacing-xl);background:#fffc;border-radius:var(--radius-xl);border:2px solid rgba(74,107,124,.2);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.qdoll-innovation-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-md);background:#fffffff2}.qdoll-innovation-icon{font-size:3rem;margin-bottom:var(--spacing-md);display:block}.qdoll-innovation-title{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-dark)}.qdoll-innovation-text{font-size:.9375rem;line-height:1.7;color:var(--color-gray);margin:0}.qdoll-innovation-text strong{color:var(--color-primary);font-weight:600}.qdoll-techniques-section{background:var(--color-bg)}.qdoll-techniques-layout{display:flex;flex-direction:column;gap:var(--spacing-xl)}.qdoll-technique-item{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-lg);align-items:start;padding:var(--spacing-lg);background:linear-gradient(135deg,#ffffffd9,#f8f9fad9);border-radius:var(--radius-xl);border:2px solid rgba(74,107,124,.2);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.qdoll-technique-item:hover{transform:translate(8px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.qdoll-technique-number{font-size:2.5rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;flex-shrink:0}.qdoll-technique-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.qdoll-technique-title{font-size:1.25rem;font-weight:700;color:var(--color-dark);margin:0}.qdoll-technique-text{font-size:.9375rem;line-height:1.7;color:var(--color-gray);margin:0}.qdoll-technique-text strong{color:var(--color-primary);font-weight:600}.qdoll-applications-section{background:linear-gradient(180deg,rgba(209,216,221,.2) 0%,var(--color-secondary) 100%)}.qdoll-applications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg)}.qdoll-app-card{padding:var(--spacing-lg);background:#ffffffd9;border-radius:var(--radius-xl);border:2px solid rgba(74,107,124,.2);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.qdoll-app-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-md);background:#fffffff2}.qdoll-app-icon{font-size:3rem;margin-bottom:var(--spacing-md);display:block}.qdoll-app-title{font-size:1.1875rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-dark)}.qdoll-app-description{font-size:.9375rem;line-height:1.7;color:var(--color-gray);margin:0}.qdoll-app-description strong{color:var(--color-primary);font-weight:600}.qdoll-app-description a{color:var(--color-primary);text-decoration:none;border-bottom:2px solid transparent;transition:border-color var(--transition-fast);font-weight:600}.qdoll-app-description a:hover{border-bottom-color:var(--color-primary)}.qdoll-reviews-section{background:var(--color-bg)}.qdoll-reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl)}.qdoll-review-card{padding:var(--spacing-xl);background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);border-radius:var(--radius-xl);border:2px solid rgba(74,107,124,.2);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.qdoll-review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:var(--color-primary)}.qdoll-review-rating{font-size:1.25rem;margin-bottom:var(--spacing-md);filter:drop-shadow(0 2px 4px rgba(255,193,7,.3))}.qdoll-review-text{font-size:1rem;line-height:1.75;color:var(--color-text);margin-bottom:var(--spacing-lg);font-style:italic}.qdoll-review-text strong{color:var(--color-primary);font-weight:600;font-style:normal}.qdoll-review-author{font-size:.875rem;color:var(--color-gray);border-top:2px solid rgba(74,107,124,.2);padding-top:var(--spacing-sm)}.qdoll-review-author strong{color:var(--color-dark);font-weight:700}.qdoll-faq-section{background:linear-gradient(180deg,rgba(209,216,221,.2) 0%,var(--color-secondary) 100%);position:relative}.qdoll-faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:var(--spacing-lg)}.qdoll-faq-item{background:#ffffffd9;border-radius:var(--radius-lg);padding:var(--spacing-lg);border:2px solid rgba(74,107,124,.2);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.qdoll-faq-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.qdoll-faq-question{font-size:1.0625rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-dark);display:flex;align-items:start;gap:var(--spacing-sm);line-height:1.5}.qdoll-question-number{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;background:var(--gradient-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:.8125rem;font-weight:700;box-shadow:var(--shadow-sm)}.qdoll-faq-answer{padding-left:calc(36px + var(--spacing-sm))}.qdoll-faq-answer p{font-size:.9375rem;line-height:1.75;color:var(--color-gray);margin:0}.qdoll-faq-answer strong{color:var(--color-primary);font-weight:600}@media(max-width:1024px){.qdoll-content-layout{grid-template-columns:1fr}.qdoll-content-sidebar{position:static}.qdoll-online-layout{grid-template-columns:1fr}.qdoll-online-visual{order:-1}.qdoll-faq-grid{grid-template-columns:1fr}}@media(max-width:768px){.container-fluid{padding:0 var(--spacing-md)}.qdoll-hero-section{min-height:60vh}.qdoll-hero-title{font-size:1.875rem}.qdoll-gradient-text{font-size:1.5rem}.qdoll-hero-subtitle{font-size:1rem}.qdoll-frost-circle-1{width:300px;height:300px}.qdoll-frost-circle-2{width:250px;height:250px}.section{padding:var(--spacing-xl) 0}.qdoll-section-title{font-size:1.75rem}.qdoll-steps-grid,.qdoll-features-grid,.qdoll-showcase-grid,.qdoll-innovation-grid,.qdoll-applications-grid,.qdoll-reviews-grid{grid-template-columns:1fr}}@media(max-width:480px){.qdoll-generator-page{padding:var(--spacing-sm)}.qdoll-feature-card,.qdoll-step-card,.qdoll-innovation-card,.qdoll-app-card,.qdoll-review-card,.qdoll-info-card{padding:var(--spacing-md)}.qdoll-technique-item{grid-template-columns:1fr;gap:var(--spacing-md)}.qdoll-technique-number{font-size:2rem}.qdoll-faq-grid{gap:var(--spacing-md)}}[data-theme=light] .qdoll-hero-section{background:linear-gradient(180deg,#fff,#e8eced80)}[data-theme=light] .qdoll-what-section,[data-theme=light] .qdoll-how-section,[data-theme=light] .qdoll-showcase-section,[data-theme=light] .qdoll-techniques-section,[data-theme=light] .qdoll-reviews-section{background:#fff}[data-theme=light] .qdoll-features-section,[data-theme=light] .qdoll-online-section,[data-theme=light] .qdoll-innovation-section,[data-theme=light] .qdoll-applications-section,[data-theme=light] .qdoll-faq-section{background:var(--color-secondary)}@media(prefers-reduced-motion:reduce){.animate-on-scroll,.qdoll-frost-circle,.qdoll-gear-decoration,.qdoll-steam-particles{animation:none;transition:none}.qdoll-feature-card,.qdoll-step-card,.qdoll-showcase-card,.qdoll-innovation-card,.qdoll-app-card,.qdoll-review-card,.qdoll-faq-item{transition:none}}