.container-fluid{width:100%;padding:0 var(--spacing-lg)}@media(max-width:768px){.container-fluid{padding:0 var(--spacing-md)}}.section{padding:var(--spacing-2xl) 0}.anime-hero{background:linear-gradient(135deg,#7db9a60d,#a5d4c314)}.hero-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md);line-height:1.2}@media(min-width:768px){.hero-title{font-size:2.5rem}}@media(min-width:1024px){.hero-title{font-size:3rem}}.title-divider{width:100%;max-width:48rem;height:.125rem;margin:0 auto var(--spacing-lg);background:linear-gradient(to right,#7db9a633,#7db9a6,#7db9a633);border-radius:9999px}.style-examples{margin-top:var(--spacing-xl)}.style-examples-title{display:flex;align-items:center;font-size:1.25rem;font-weight:600;color:var(--foreground);margin-bottom:var(--spacing-lg)}.style-examples-title .icon{width:1.25rem;height:1.25rem;margin-right:var(--spacing-sm);color:var(--color-primary)}.style-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.style-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.style-grid{grid-template-columns:repeat(4,1fr)}}.style-card{background:var(--card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid rgba(125,185,166,.1);transition:all var(--transition-base)}.style-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.style-image-wrapper{position:relative;overflow:hidden}.style-badge{position:absolute;top:1rem;left:1rem;z-index:10;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px}.style-image{width:100%;height:21.5rem;object-fit:cover;transition:transform .5s ease}.style-card:hover .style-image{transform:scale(1.05)}.style-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(125,185,166,.8) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.style-card:hover .style-overlay{opacity:.3}.style-content{padding:var(--spacing-md)}.style-prompt{color:var(--foreground);font-size:.875rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.section-title{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--foreground)}@media(min-width:768px){.section-title{font-size:2rem}}.title-highlight{position:relative;display:inline-block;padding:.25rem 1rem}.title-highlight:before{content:"";position:absolute;inset:0;border:2px solid rgba(125,185,166,.3);border-radius:var(--radius-md);z-index:-10;transform:scale(1.05)}.title-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#ffffffa6;backdrop-filter:blur(16px);border:1px solid var(--border-color)}[data-theme=dark] .glass{background:#2c3e50bf;border:1px solid rgba(125,185,166,.2)}.what-is-card{position:relative;max-width:64rem;margin:0 auto;border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg)}.what-is-glow{position:absolute;inset:0;pointer-events:none}.what-is-glow:before{content:"";position:absolute;inset:0;border:2px solid var(--color-primary);opacity:.1;border-radius:var(--radius-xl)}.what-is-glow:after{content:"";position:absolute;inset:-.25rem;border:1px solid var(--color-primary);opacity:.2;filter:blur(1rem);border-radius:var(--radius-xl);animation:soft-pulse 3s ease-in-out infinite}.what-is-text{position:relative;z-index:10;font-size:1rem;line-height:1.75;color:var(--foreground)}@media(min-width:768px){.what-is-text{font-size:1.125rem}}.text-highlight{color:var(--color-primary);font-weight:600}.how-to-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:1024px){.how-to-grid{grid-template-columns:repeat(3,1fr)}}.how-to-card{position:relative;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid rgba(125,185,166,.2);padding:var(--spacing-lg);transition:all var(--transition-base)}.how-to-card:hover{border-color:#7db9a666;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.step-badge{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:9999px;font-weight:700;font-size:.875rem;box-shadow:var(--shadow-md);z-index:10}.step-icon-wrapper{width:2.5rem;height:2.5rem;flex-shrink:0;background:linear-gradient(135deg,#7db9a626,#a5d4c340);border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.step-icon{width:1.25rem;height:1.25rem;color:var(--color-primary)}.step-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:var(--spacing-sm)}@media(min-width:768px){.step-title{font-size:1.25rem}}.step-description{font-size:1rem;line-height:1.75;color:var(--muted-foreground)}.features-divider{width:100%;max-width:28rem;height:.125rem;margin:0 auto var(--spacing-lg)}.features-divider:before{content:"";display:block;height:100%;width:100%;border-top:2px solid rgba(125,185,166,.3);border-bottom:2px solid rgba(125,185,166,.3);border-radius:var(--radius-sm)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base);box-shadow:0 10px 20px #7db9a61a;border:1px solid rgba(125,185,166,.1)}.feature-card:hover{box-shadow:0 15px 30px #7db9a633}.feature-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:var(--spacing-sm);transition:color var(--transition-base)}@media(min-width:768px){.feature-title{font-size:1.25rem}}.feature-card:hover .feature-title{color:var(--color-primary)}.feature-description{font-size:1rem;line-height:1.75;color:var(--muted-foreground);margin-bottom:var(--spacing-md)}.feature-line{width:0;height:.125rem;background:linear-gradient(to right,var(--color-primary),transparent);transition:width .5s ease}.feature-card:hover .feature-line{width:100%}.no-download-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.no-download-grid{grid-template-columns:repeat(2,1fr)}}.no-download-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base);box-shadow:0 5px 20px #7db9a626}.no-download-card:hover{transform:translateY(-4px)}.no-download-text{font-size:1rem;line-height:1.75;color:var(--foreground)}@media(min-width:768px){.no-download-text{font-size:1.125rem}}.tricks-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.tricks-grid{grid-template-columns:repeat(2,1fr)}}.trick-card{background:var(--card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(125,185,166,.2);transition:all var(--transition-base);padding:var(--spacing-lg)}.trick-card:hover{border-color:#7db9a699;box-shadow:var(--shadow-lg)}.trick-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:var(--spacing-sm);transition:color var(--transition-base)}@media(min-width:768px){.trick-title{font-size:1.25rem}}.trick-card:hover .trick-title{color:var(--color-primary)}.trick-description{font-size:1rem;line-height:1.75;color:var(--muted-foreground);margin-bottom:var(--spacing-md)}.trick-tip{background:#7db9a61a;border-radius:var(--radius-md);padding:var(--spacing-sm);border-left:4px solid var(--color-primary)}.tip-text{font-size:1rem;line-height:1.75;color:var(--foreground);font-style:italic}.tip-label{font-weight:600;color:var(--color-primary)}.faqs-wrapper{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:64rem;margin:0 auto}.faq-card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid rgba(125,185,166,.2);overflow:hidden;transition:all var(--transition-base);padding:var(--spacing-lg)}.faq-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.faq-question-wrapper{display:flex;align-items:flex-start}.faq-icon{background:#7db9a61a;border-radius:9999px;height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:var(--spacing-sm);color:var(--color-primary);font-weight:700}.faq-question{font-size:1.125rem;font-weight:600;color:var(--foreground);line-height:1.4}@media(min-width:768px){.faq-question{font-size:1.25rem}}.faq-divider{height:1px;width:100%;background:linear-gradient(to right,rgba(125,185,166,.3) 0%,rgba(125,185,166,.1) 50%,transparent 100%);margin:var(--spacing-sm) 0;border-radius:9999px}.faq-answer-wrapper{display:flex;align-items:flex-start;margin-top:var(--spacing-sm)}.faq-answer{font-size:1rem;line-height:1.75;color:var(--muted-foreground)}@media(min-width:768px){.faq-answer{font-size:1.125rem}}.evolution-timeline{position:relative;max-width:64rem;margin:0 auto}.timeline-line{position:absolute;left:1rem;top:0;bottom:0;width:.125rem;background:#7db9a64d}@media(min-width:768px){.timeline-line{left:50%;transform:translate(-50%)}}.evolution-stage{position:relative;margin-bottom:var(--spacing-2xl)}.timeline-dot{position:absolute;left:1rem;top:0;width:1.5rem;height:1.5rem;border-radius:9999px;background:var(--color-primary);transform:translate(-.625rem);z-index:10;border:2px solid var(--background);box-shadow:var(--shadow-md)}@media(min-width:768px){.timeline-dot{left:50%;transform:translate(-.75rem)}}.stage-card{margin-left:3rem;background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid rgba(125,185,166,.2);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.stage-card:hover{box-shadow:var(--shadow-lg);border-color:#7db9a680}@media(min-width:768px){.stage-left{margin-left:0;margin-right:calc(50% + var(--spacing-xl))}.stage-right{margin-left:calc(50% + var(--spacing-xl));margin-right:0}}.stage-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:var(--spacing-sm);transition:color var(--transition-base)}@media(min-width:768px){.stage-title{font-size:1.25rem}}.stage-card:hover .stage-title{color:var(--color-primary)}.stage-description{font-size:1rem;line-height:1.75;color:var(--muted-foreground)}.updates-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.updates-grid{grid-template-columns:repeat(2,1fr)}}.update-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:inset 0 0 12px #7db9a61a;border:1px solid rgba(125,185,166,.1);transition:all var(--transition-base)}.update-card:hover{box-shadow:inset 0 0 20px #7db9a626;transform:translate(4px)}.update-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:var(--spacing-sm);transition:color var(--transition-base)}@media(min-width:768px){.update-title{font-size:1.25rem}}.update-card:hover .update-title{color:var(--color-primary)}.update-divider{width:100%;height:.125rem;background:#7db9a633;margin:var(--spacing-sm) 0;position:relative}.divider-accent{position:absolute;top:0;left:50%;width:2rem;height:.125rem;background:var(--color-primary);transform:translate(-50%)}.update-description{font-size:1rem;line-height:1.75;color:var(--muted-foreground)}.master-guides{display:flex;flex-direction:column;gap:var(--spacing-lg)}.master-card{position:relative;background:rgba(var(--card),.9);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid rgba(125,185,166,.2);transition:all var(--transition-base)}.master-card:hover{box-shadow:var(--shadow-lg);transform:rotate(.5deg)}.guide-badge{position:absolute;top:-.5rem;left:-.5rem;background:var(--color-primary);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.875rem;box-shadow:var(--shadow-md)}.guide-title{margin-top:var(--spacing-md);font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:var(--spacing-sm);transition:color var(--transition-base)}@media(min-width:768px){.guide-title{font-size:1.25rem}}.master-card:hover .guide-title{color:var(--color-primary)}.guide-description{font-size:1rem;line-height:1.75;color:var(--muted-foreground);margin-bottom:var(--spacing-md)}.guide-tip{background:var(--color-gray-light);border:1px solid rgba(125,185,166,.2);border-radius:var(--radius-md);padding:var(--spacing-sm)}[data-theme=dark] .guide-tip{background:#34495e80}.pro-tip-text{font-size:1rem;line-height:1.75;color:var(--foreground)}.pro-tip-label{font-weight:600;color:var(--color-primary)}.community-card{max-width:64rem;margin:0 auto;border-radius:var(--radius-lg);padding:var(--spacing-xl)}.community-subtitle{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(125,185,166,.2)}@media(min-width:768px){.community-subtitle{font-size:1.25rem}}.community-text{font-size:1rem;line-height:1.75;color:var(--foreground);margin-bottom:var(--spacing-lg)}@media(min-width:768px){.community-text{font-size:1.125rem}}.community-divider{display:flex;align-items:center;justify-content:center}.divider-line{width:100%;height:1px;background:linear-gradient(to right,transparent 0%,rgba(125,185,166,.3) 50%,transparent 100%)}.divider-icon{margin:0 var(--spacing-md);color:var(--color-primary)}.divider-icon .icon{width:1.5rem;height:1.5rem}.text-gradient-dreamy{background:var(--gradient-dreamy);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scroll-animate{opacity:0;animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) forwards}.scroll-animate[data-delay="50"]{animation-delay:.05s}.scroll-animate[data-delay="100"]{animation-delay:.1s}.scroll-animate[data-delay="150"]{animation-delay:.15s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}