.video-page{width:100%;padding:1rem;background:var(--color-bg)}@media(min-width:768px){.video-page{padding:1.5rem}}.video-container{display:flex;flex-direction:column;gap:1rem;max-width:1920px;margin:0 auto}@media(min-width:1024px){.video-container{flex-direction:row;gap:1.5rem;min-height:calc(100vh - 140px)}}.section-inner{width:100%;padding:0 var(--spacing-md)}@media(min-width:768px){.section-inner{padding:0 var(--spacing-lg)}}@media(min-width:1200px){.section-inner{padding:0 var(--spacing-xl)}}.section-header-center{text-align:center;margin-bottom:var(--spacing-xl)}.section-heading{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm);line-height:1.2}.section-subtext{font-size:clamp(.9375rem,1.8vw,1.125rem);color:var(--color-gray);max-width:800px;margin:0 auto;line-height:1.7}[data-theme=dark] .section-subtext{color:var(--color-gray)}.inline-link{color:var(--color-primary);font-weight:600;text-decoration:none;position:relative;transition:color var(--transition-fast)}.inline-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base)}.inline-link:hover{color:var(--color-primary-dark)}.inline-link:hover:after{width:100%}.hero-section{padding:var(--spacing-xl) 0;background:linear-gradient(180deg,#f8f9fa80,#e8f4f14d);position:relative;overflow:hidden}[data-theme=dark] .hero-section{background:linear-gradient(180deg,#2c3e5080,#2a2a2a4d)}.hero-section:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(125,185,166,.1) 0%,transparent 70%);border-radius:50%;animation:gentle-float 8s ease-in-out infinite}.hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:clamp(2rem,5vw,3.25rem);font-weight:700;background:var(--gradient-dreamy);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md);line-height:1.15}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-dark);line-height:1.7;opacity:.9}[data-theme=dark] .hero-subtitle{color:var(--color-gray-light)}.what-section{padding:var(--spacing-2xl) 0;background:var(--background)}.what-content{width:100%}.content-card{background:#fff9;backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-color);max-width:1100px;margin:0 auto}[data-theme=dark] .content-card{background:#2c3e5099;border-color:#7db9a633}.content-text{font-size:clamp(.9375rem,1.8vw,1.0625rem);color:var(--foreground);line-height:1.8}.content-text p{margin-bottom:var(--spacing-md)}.content-text p:last-child{margin-bottom:0}.content-text strong{color:var(--color-primary);font-weight:600}.features-section{padding:var(--spacing-2xl) 0;background:linear-gradient(180deg,#a5d4c326,#f5e6d31a);position:relative}[data-theme=dark] .features-section{background:linear-gradient(180deg,#2c3e5066,#2a2a2a33)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--spacing-lg);width:100%}.feature-item{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:#fffc;backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base);opacity:0;transform:translateY(30px)}[data-theme=dark] .feature-item{background:#34495e99;border-color:#7db9a626}.feature-item.animated{opacity:1;transform:translateY(0)}.feature-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-glow);border-color:var(--color-primary-light)}.feature-visual{display:flex;align-items:center;justify-content:flex-start}.feature-icon-circle{width:64px;height:64px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);color:#fff;transition:all var(--transition-base)}.feature-item:hover .feature-icon-circle{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-glow)}.feature-info{flex:1}.feature-heading{font-size:clamp(1.125rem,2vw,1.375rem);font-weight:700;color:var(--color-primary-dark);margin-bottom:var(--spacing-xs);line-height:1.3}[data-theme=dark] .feature-heading{color:var(--color-primary-light)}.feature-desc{font-size:clamp(.875rem,1.6vw,1rem);color:var(--foreground);line-height:1.7;opacity:.9}.howto-section{padding:var(--spacing-2xl) 0;background:var(--background)}.steps-flow{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%;max-width:1000px;margin:0 auto}.step-card{display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);background:#a5d4c31f;border-radius:var(--radius-lg);border:2px solid transparent;box-shadow:var(--shadow-sm);transition:all var(--transition-base);opacity:0;transform:translateY(40px)}[data-theme=dark] .step-card{background:#34495e66}.step-card.animated{opacity:1;transform:translateY(0)}.step-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);background:#a5d4c32e}[data-theme=dark] .step-card:hover{background:#34495e99}.step-marker{flex-shrink:0}.step-num{width:56px;height:56px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.step-card:hover .step-num{transform:scale(1.15) rotate(-5deg);box-shadow:var(--shadow-glow)}.step-details{flex:1}.step-heading{font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:700;color:var(--color-primary-dark);margin-bottom:var(--spacing-sm);line-height:1.3}[data-theme=dark] .step-heading{color:var(--color-primary-light)}.step-text{font-size:clamp(.9375rem,1.7vw,1.0625rem);color:var(--foreground);line-height:1.75;margin-bottom:var(--spacing-md);opacity:.9}.step-highlights{display:flex;flex-direction:column;gap:var(--spacing-xs)}.highlight-point{display:flex;align-items:flex-start;gap:var(--spacing-xs);font-size:clamp(.875rem,1.6vw,.9375rem);color:var(--foreground);line-height:1.6;opacity:.85}.highlight-point svg{flex-shrink:0;margin-top:2px;color:var(--color-primary)}.about-section{padding:var(--spacing-2xl) 0;background:linear-gradient(180deg,#a5d4c31a,#f5e6d326)}[data-theme=dark] .about-section{background:linear-gradient(180deg,#2c3e504d,#2a2a2a66)}.about-container{width:100%;max-width:1000px;margin:0 auto}.about-text-block{background:#ffffffb3;backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}[data-theme=dark] .about-text-block{background:#34495e80;border-color:#7db9a633}.about-paragraph{font-size:clamp(.9375rem,1.8vw,1.0625rem);color:var(--foreground);line-height:1.8;margin-bottom:var(--spacing-md)}.about-paragraph:last-child{margin-bottom:0}.about-paragraph strong{color:var(--color-primary);font-weight:600}.faq-section{padding:var(--spacing-2xl) 0;background:var(--background)}.faq-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:var(--spacing-md);width:100%}.faq-card{padding:var(--spacing-lg);background:#a5d4c314;border-radius:var(--radius-md);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-sm);transition:all var(--transition-base);opacity:0;transform:translateY(25px)}[data-theme=dark] .faq-card{background:#34495e4d}.faq-card.animated{opacity:1;transform:translateY(0)}.faq-card:hover{background:#a5d4c326;box-shadow:var(--shadow-md);transform:translateY(-4px);border-left-color:var(--color-primary-light)}[data-theme=dark] .faq-card:hover{background:#34495e80}.faq-title{font-size:clamp(1rem,1.9vw,1.125rem);font-weight:700;color:var(--color-primary-dark);margin-bottom:var(--spacing-sm);line-height:1.4}[data-theme=dark] .faq-title{color:var(--color-primary-light)}.faq-response{font-size:clamp(.875rem,1.6vw,.9375rem);color:var(--foreground);line-height:1.7;opacity:.9;margin:0}.reviews-section{padding:var(--spacing-2xl) 0;background:linear-gradient(180deg,#f5e6d31f,#a5d4c314)}[data-theme=dark] .reviews-section{background:linear-gradient(180deg,#2a2a2a66,#2c3e504d)}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--spacing-md);width:100%}.review-box{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:#ffffffd9;backdrop-filter:blur(8px);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-base);opacity:0;transform:translateY(30px)}[data-theme=dark] .review-box{background:#34495e80;border-color:#7db9a626}.review-box.animated{opacity:1;transform:translateY(0)}.review-box:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.rating-stars{font-size:1.125rem;color:var(--color-primary);letter-spacing:2px}.review-content{font-size:clamp(.875rem,1.6vw,.9375rem);color:var(--foreground);line-height:1.7;flex:1;margin:0;font-style:italic;opacity:.9}.reviewer-info{padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.reviewer-label{font-size:.875rem;color:var(--color-primary);font-weight:600}@keyframes gentle-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@media(max-width:768px){.hero-section,.what-section,.features-section,.howto-section,.about-section,.faq-section,.reviews-section{padding:var(--spacing-xl) 0}.section-header-center{margin-bottom:var(--spacing-lg)}.step-card{flex-direction:column;padding:var(--spacing-lg);gap:var(--spacing-md)}.step-num{width:48px;height:48px;font-size:1.5rem}.content-card,.about-text-block{padding:var(--spacing-lg)}.feature-item,.faq-card,.review-box{padding:var(--spacing-md)}}@media(max-width:480px){.hero-section,.what-section,.features-section,.howto-section,.about-section,.faq-section,.reviews-section{padding:var(--spacing-lg) 0}.content-card,.about-text-block{padding:var(--spacing-md)}}@media print{.video-page,.hero-section:before{display:none}.feature-item,.step-card,.faq-card,.review-box{break-inside:avoid;page-break-inside:avoid}}