:root{--elementor-primary:#e91e63;--elementor-secondary:#9c27b0;--elementor-accent:#673ab7;--elementor-light-purple:#e1bee7;--elementor-lavender:#f3e5f5;--elementor-lavender-rgb:243,229,245;--elementor-gradient:linear-gradient(135deg,#e91e63 0%,#9c27b0 100%);--elementor-pro-gradient:linear-gradient(135deg,#673ab7 0%,#e91e63 100%);--elementor-hero-gradient:linear-gradient(135deg,#f3e5f5 0%,rgba(255,255,255,.9) 100%);--tutorial-hero-bg:var(--elementor-hero-gradient);--tutorial-accent-bg:var(--elementor-accent);--tutorial-pro-badge:var(--elementor-gradient)}{font-family:var(--font-primary);line-height:1.7;color:var(--text-secondary);background:var(--bg-primary);overflow-x:hidden;word-wrap:break-word}.elementor-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.hero-section{background:var(--tutorial-hero-bg);padding:var(--space-24) 0;position:relative;overflow:hidden;border-bottom:1px solid var(--border-light)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20);align-items:center;min-height:50vh;position:relative;z-index:2}.hero-text{display:flex;flex-direction:column;gap:var(--space-8)}.hero-title{font-size:var(--text-5xl);font-weight:800;line-height:1.1;color:var(--text-primary);margin:0 0 var(--space-6) 0}.hero-title .highlight{background:var(--elementor-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:var(--space-2)}.hero-title .subtitle{display:block;font-size:var(--text-3xl);font-weight:600;color:var(--text-secondary);opacity:.8}.hero-description{font-size:var(--text-xl);line-height:1.6;color:var(--text-secondary);margin:0 0 var(--space-10) 0;max-width:90%}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-8)}.elestat-item{text-align:center;padding:var(--space-4);background:rgba(255,255,255,.8);border-radius:var(--radius-lg);border:1px solid var(--border-light);backdrop-filter:blur(10px);transition:var(--transition-normal);cursor:pointer}.elestat-item:hover{background:rgba(255,255,255,.95);border-color:var(--elementor-primary);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.elestat-number{display:block;font-size:var(--text-2xl);font-weight:700;color:var(--elementor-primary);margin-bottom:var(--space-1)}.elestat-label{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}.hero-visual{display:flex;justify-content:center;align-items:center}.video-container{position:relative;width:100%;max-width:600px;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl);border:1px solid var(--border-light)}.hero-video{width:100%;height:auto;display:block}.table-of-contents-nav{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);position:relative;z-index:var(--z-sticky);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.table-of-contents-nav.sticky{position:fixed;top:var(--header-offset,0px);left:50%;transform:translateX(-50%);width:100%;max-width:var(--container-max-width);background:rgba(var(--bg-secondary-rgb),.95);backdrop-filter:blur(15px);box-shadow:var(--shadow-md);animation:slideDown var(--transition-normal) ease-out;z-index:var(--z-sticky)}.table-of-contents-nav.sticky .elementor-container{max-width:100%;padding:0 var(--container-padding);margin:0}@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.toc-placeholder{visibility:hidden;pointer-events:none}.toc-content{display:flex;align-items:center;justify-content:space-around;padding:var(--space-4) 0;gap:var(--space-8);position:relative}.toc-title{display:flex;align-items:center;gap:var(--space-3);font-weight:600;color:var(--text-primary);font-size:var(--text-lg)}.toc-icon{font-size:var(--text-xl)}.toc-links{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-6);flex-wrap:wrap}.toc-links a{text-decoration:none;color:var(--text-secondary);font-weight:500;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:var(--transition-fast);font-size:var(--text-sm);border:1px solid transparent}.toc-links a:hover,.toc-links a.active{background:var(--elementor-primary);color:#fff;border-color:var(--elementor-primary)}.content-wrapper{padding:var(--space-24) 0}.content-section{margin-bottom:var(--space-24) !important;padding-bottom:var(--space-20) !important;border-bottom:1px solid var(--border-light);margin-top:var(--space-20) !important}.content-section:last-child{border-bottom:none;margin-bottom:0}.section-header{text-align:center;margin-bottom:var(--space-16);max-width:800px;margin-left:auto;margin-right:auto}.section-header h2{font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-4) 0}.section-intro{font-size:var(--text-xl);color:var(--text-secondary);margin:0;opacity:.8}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-16);align-items:start}.content-main{background:var(--bg-card);padding:var(--space-10);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-card)}.text-content{font-size:var(--text-lg);line-height:1.7}.text-content h3{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin:var(--space-10) 0 var(--space-6) 0}.text-content p{margin-bottom:var(--space-6);color:var(--text-secondary)}.text-content ul,.text-content ol{margin:var(--space-6) 0;padding-left:var(--space-8)}.text-content li{margin-bottom:var(--space-3);color:var(--text-secondary)}.version-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin:var(--space-8) 0}.version-card{background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);position:relative;transition:all var(--transition-normal);cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.05)}.version-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:var(--elementor-primary)}.version-card.free:hover{border-color:var(--success-green);box-shadow:0 20px 40px rgba(34,197,94,.1)}.version-card.pro{border-color:var(--elementor-primary);background:linear-gradient(135deg,rgba(233,30,99,.05) 0%,rgba(255,255,255,1) 100%)}.version-card.pro:hover{background:linear-gradient(135deg,rgba(233,30,99,.1) 0%,rgba(255,255,255,1) 100%);box-shadow:0 25px 50px rgba(233,30,99,.15);border-color:var(--elementor-primary)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--elementor-gradient);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;transition:all var(--transition-normal)}.version-card.pro:hover .popular-badge{transform:translateX(-50%) scale(1.1);box-shadow:0 4px 12px rgba(233,30,99,.3)}.version-card h4{font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-6) 0;color:var(--text-primary)}.version-card ul{list-style:none;padding:0;margin:0 0 var(--space-8) 0}.version-card li{padding:var(--space-2) 0;position:relative;padding-left:var(--space-6)}.version-card li:before{content:"✓";position:absolute;left:0;color:var(--elementor-primary);font-weight:600}.price{font-size:var(--text-xl);font-weight:700;color:var(--elementor-primary);text-align:center;padding:var(--space-4);background:var(--elementor-lavender);border-radius:var(--radius-lg);margin-top:auto;transition:all var(--transition-normal)}.version-card:hover .price{transform:scale(1.05);background:var(--elementor-primary);color:#fff}.info-box{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-8) 0;border-left:4px solid var(--warning-orange)}.info-box.warning{border-left-color:var(--warning-orange);background:rgba(237,137,54,.05)}.info-box h4{margin:0 0 var(--space-4) 0;color:var(--text-primary);font-size:var(--text-lg)}.sidebar-content{display:flex;flex-direction:column;gap:var(--space-8)}.cta-box{background:linear-gradient(135deg,var(--elementor-lavender) 0%,#fff 100%);border:1px solid var(--elementor-light-purple);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:all var(--transition-normal)}.cta-box.cta-sticky{background:rgba(var(--elementor-lavender-rgb),.95);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);border-color:var(--elementor-primary);animation:ctaStickySlideIn var(--transition-normal) ease-out}@keyframes ctaStickySlideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.cta-placeholder{visibility:hidden;pointer-events:none}@media (max-width:768px){.cta-box.cta-sticky{position:static !important;top:auto !important;width:auto !important;z-index:auto !important;animation:none}.cta-placeholder{display:none}}.cta-box h4{font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-4) 0;color:var(--text-primary)}.cta-buttons{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-6) 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-size:var(--text-base);transition:var(--transition-normal);border:2px solid transparent;min-height:50px}.btn-primary{background:var(--elementor-gradient);color:#fff;border-color:var(--elementor-primary)}.btn-primary:hover{background:var(--elementor-secondary);border-color:var(--elementor-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:0 0;color:var(--elementor-primary);border-color:var(--elementor-primary)}.btn-secondary:hover{background:var(--elementor-primary);color:#fff}.btn-large{padding:var(--space-5) var(--space-10);font-size:var(--text-lg);min-height:60px}.price-note{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-3);display:block}.installation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}@media (max-width:1024px){.installation-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.installation-steps{grid-template-columns:1fr;gap:var(--space-6)}.step-content h3{text-align:left}}.step-item{display:flex;flex-direction:column;padding:var(--space-8);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.step-item:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:var(--elementor-primary)}.step-number{font-size:var(--text-3xl);width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--elementor-lavender);border-radius:var(--radius-xl);border:2px solid var(--elementor-light-purple);flex-shrink:0;margin:0 auto var(--space-6) auto}.step-image{margin-bottom:var(--space-6);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light)}.step-image img{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.step-item:hover .step-image img{transform:scale(1.05)}.step-content{flex:1;display:flex;flex-direction:column}.step-content h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0;text-align:center}.step-content p{font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-4)}.tip-box{background:var(--elementor-lavender);border:1px solid var(--elementor-light-purple);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0;font-size:var(--text-sm);margin-top:auto}.image-container{margin:var(--space-6) 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light)}.image-container img{width:100%;height:auto;display:block}.guide-steps{display:flex;flex-direction:column;gap:var(--space-10)}.usage-guide h3{margin-bottom:20px}.guide-step{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-card)}.guide-step h4{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-3);border-bottom:2px solid var(--elementor-light-purple)}.interface-explanation{display:grid;gap:var(--space-6);margin:var(--space-6) 0}.interface-item{background:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid var(--elementor-primary)}.interface-label{font-weight:600;color:var(--elementor-primary);display:block;margin-bottom:var(--space-2)}.design-methods{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin:var(--space-6) 0}.method-card{background:var(--elementor-lavender);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--elementor-light-purple)}.method-card h5{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-3) 0}.pro-tip{background:linear-gradient(135deg,var(--elementor-lavender) 0%,rgba(255,255,255,.8) 100%);border:1px solid var(--elementor-light-purple);border-radius:var(--radius-xl);padding:var(--space-8);margin:var(--space-10) 0}.pro-tip h4{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0}.advanced-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.feature-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;position:relative;transition:var(--transition-normal);box-shadow:var(--shadow-card)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--elementor-primary)}.feature-badge{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--elementor-gradient);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px}.feature-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4);display:block}.feature-card h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0}.addons-list{display:flex;flex-direction:column;gap:var(--space-8)}.addon-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-card)}.addon-item h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0}.addon-features{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-6) 0 0 0}.feature-tag{background:var(--elementor-lavender);color:var(--elementor-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;border:1px solid var(--elementor-light-purple)}.warning-note{background:rgba(237,137,54,.1);border:1px solid var(--warning-orange);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-10);color:var(--text-primary)}.pro-features-showcase{display:grid;gap:var(--space-10)}.pro-feature{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-card);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}.pro-feature h3{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0;position:relative}.pro-feature h3:after{content:"PRO";position:absolute;top:0;right:0;background:var(--elementor-gradient);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.feature-benefits ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.feature-benefits li{padding:var(--space-2) 0;position:relative;padding-left:var(--space-6);font-size:var(--text-sm)}.feature-benefits li:before{content:"✓";position:absolute;left:0;color:var(--elementor-primary);font-weight:600}.pro-cta{background:var(--tutorial-pro-badge);color:#fff;text-align:center;padding:var(--space-16);border-radius:var(--radius-2xl);margin:var(--space-16) 0}.pro-cta h3{font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-4) 0;color:#fff}.pro-cta p{font-size:var(--text-lg);margin:0 0 var(--space-8) 0;color:rgba(255,255,255,.9)}.pro-cta .btn{background:#fff;color:var(--elementor-primary);border-color:#fff;font-weight:700}.pro-cta .btn:hover{background:rgba(255,255,255,.9);transform:translateY(-3px)}.elementor-faq-section .accordion-component{--accordion-bg-primary:var(--bg-card);--accordion-bg-secondary:var(--bg-secondary);--accordion-text-primary:var(--text-primary);--accordion-text-secondary:var(--text-secondary);--accordion-border-color:var(--border-light);--accordion-accent-primary:var(--elementor-primary);--accordion-accent-secondary:var(--elementor-secondary);--accordion-radius:var(--radius-xl);--accordion-spacing:var(--space-6)}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8)}.resource-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-card);transition:var(--transition-normal)}.resource-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--elementor-primary)}.resource-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4);display:block}.resource-card h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-6) 0}.resource-card ul{list-style:none;padding:0;margin:0;text-align:left}.resource-card li{padding:var(--space-2) 0;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.resource-card li:last-child{border-bottom:none}.resource-card a{color:var(--elementor-primary);text-decoration:none;font-weight:500}.resource-card a:hover{color:var(--elementor-secondary);text-decoration:underline}.final-cta{background:var(--elementor-lavender);border:1px solid var(--elementor-light-purple);border-radius:var(--radius-2xl);padding:var(--space-16);text-align:center;margin:var(--space-16) 0}.final-cta h3{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-6) 0}.contact-options{display:flex;justify-content:center;gap:var(--space-6);margin:var(--space-8) 0}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;gap:var(--space-12);text-align:center;min-height:auto;padding:var(--space-16) 0}.hero-title{font-size:var(--text-4xl)}.hero-description{max-width:100%}.content-grid{grid-template-columns:1fr;gap:var(--space-10)}.version-comparison{gap:var(--space-6)}.design-methods{grid-template-columns:1fr}.pro-feature{grid-template-columns:1fr}.contact-options{flex-direction:column;align-items:center}}@media (max-width:768px){.container{padding:0 var(--space-4)}.hero-section{padding:var(--space-16) 0}.hero-title{font-size:var(--text-3xl)}.hero-title .subtitle{font-size:var(--text-2xl)}.hero-description{font-size:var(--text-lg)}.hero-stats{grid-template-columns:1fr;gap:var(--space-4)}.toc-links{flex-wrap:wrap;justify-content:center}.section-header h2{font-size:var(--text-3xl)}.section-intro{font-size:var(--text-lg)}.content-main{padding:var(--space-6)}.text-content{font-size:var(--text-base)}.version-comparison{grid-template-columns:1fr}.step-item{grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-6);text-align:center}.step-number{width:60px;height:60px;font-size:var(--text-2xl);margin:0 auto}.advanced-features-grid{grid-template-columns:1fr}.feature-benefits ul{grid-template-columns:1fr}.resources-grid{grid-template-columns:1fr}.cta-buttons{gap:var(--space-3)}.btn{font-size:var(--text-sm);padding:var(--space-3) var(--space-5)}.btn-large{font-size:var(--text-base);padding:var(--space-4) var(--space-6)}}@media (max-width:480px){.container{padding:0 var(--space-3)}.content-wrapper{padding:var(--space-16) 0}.content-section{margin-bottom:var(--space-16)}.section-header{margin-bottom:var(--space-10)}.hero-title{font-size:var(--text-2xl)}.hero-title .subtitle{font-size:var(--text-xl)}}