*{margin:0;padding:0}:root{--color-primary:#6366F1;--color-primary-dark:#4F46E5;--color-primary-light:#818CF8;--color-secondary:#EC4899;--color-secondary-dark:#DB2777;--color-accent:#8B5CF6;--color-accent-light:#A78BFA;--color-success:#10B981;--color-success-light:#34D399;--color-warning:#F59E0B;--color-error:#EF4444;--color-info:#3B82F6;--color-white:#FFFFFF;--color-black:#0F172A;--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;--bg-primary:#FFFFFF;--bg-secondary:#F8FAFC;--bg-tertiary:#F1F5F9;--bg-dark:#1E293B;--bg-gradient:linear-gradient(135deg,#667eea,#764ba2);--bg-gradient-2:linear-gradient(135deg,#f093fb,#f5576c);--bg-gradient-3:linear-gradient(135deg,#4facfe,#00f2fe);--text-primary:#0F172A;--text-secondary:#64748B;--text-tertiary:#94A3B8;--text-inverse:#FFFFFF;--border-color:#E2E8F0;--border-light:#F1F5F9;--border-dark:#CBD5E1;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-glow:0 0 20px rgba(99,102,241,0.4);--shadow-glow-pink:0 0 20px rgba(236,72,153,0.4);--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:600ms cubic-bezier(0.68,-0.55,0.265,1.55);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem}html{font-size:16px}body{font-family:var(--font-inter),system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-secondary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:transform var(--transition)}.logo:hover{transform:scale(1.02)}.logo svg{font-size:1.75rem;background:var(--bg-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:float 3s ease-in-out infinite}.profile-btn.active{box-shadow:var(--shadow-glow)}.avatar,.profile-btn.active{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);color:var(--text-inverse)}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;box-shadow:var(--shadow-md);transition:all var(--transition)}.profile-btn:hover .avatar{transform:rotate(1turn) scale(1.1)}.profile-dropdown{position:relative}.stat-label{font-size:1rem;color:var(--text-secondary);font-weight:600}.content-section{background:var(--bg-primary);padding:2rem;border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;animation:fadeInUp .5s ease-out backwards}.content-section:nth-of-type(2){animation-delay:.2s}.content-section:nth-of-type(3){animation-delay:.3s}.content-section h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.content-section h2:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full)}.app-main{max-width:1400px;margin:0 auto;padding:3rem 2rem}.hero-content{position:relative;z-index:1}.hero-content h2{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.25rem;letter-spacing:-.03em;line-height:1.2}.feature{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;background:var(--bg-primary);border-radius:var(--radius-full);font-size:1rem;font-weight:600;color:var(--text-primary);border:2px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition)}.feature:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-lg);border-color:var(--color-primary);background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1))}.progress-bar{height:8px;background:var(--bg-tertiary);margin-bottom:1rem;box-shadow:inset 0 2px 4px rgba(0,0,0,.06)}.progress-bar,.progress-fill{border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.form-section{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:1.75rem;border:1px solid var(--border-color);transition:all var(--transition);animation:fadeInUp .5s ease-out backwards}.form-section:first-child{animation-delay:.1s}.form-section:nth-child(2){animation-delay:.2s}.form-section:nth-child(3){animation-delay:.3s}.form-section:nth-child(4){animation-delay:.4s}.form-section:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.form-section h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.form-section h3 svg{color:var(--color-primary);font-size:1.1rem}.form-section h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.form-section h4 svg{color:var(--color-primary)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:.95rem;font-family:inherit;transition:all var(--transition);background:var(--bg-primary);color:var(--text-primary)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-gray-300)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(99,102,241,.1);transform:translateY(-2px)}.form-textarea{resize:vertical;min-height:100px}.spinner{width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--text-inverse);animation:spin .8s linear infinite;display:inline-block}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.example-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:1.25rem;border:1px solid var(--border-color);transition:all var(--transition)}.example-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.example-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.example-preview{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;padding:.75rem;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);max-height:100px;overflow:hidden;position:relative}.example-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(180deg,transparent,var(--bg-primary))}@media (max-width:1024px){.form-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:768px){.app-main{padding:2rem 1.25rem}.hero-content h2{font-size:2rem}.examples-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-primary-dark),var(--color-accent))}::-moz-selection{background:rgba(99,102,241,.2);color:var(--text-primary)}::selection{background:rgba(99,102,241,.2);color:var(--text-primary)}.parity-days-section{display:flex;gap:1.5rem;margin:1rem 0;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}@media (max-width:768px){.parity-days-section{flex-direction:column;gap:1rem;padding:.75rem}.days-buttons{justify-content:center}.day-btn{width:38px;height:38px;font-size:.85rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes glow{0%,to{text-shadow:0 4px 20px rgba(0,0,0,.2),0 0 30px rgba(255,255,255,.3)}50%{text-shadow:0 4px 20px rgba(0,0,0,.2),0 0 50px rgba(255,255,255,.5)}}@media (max-width:768px){.logo-icon{font-size:3.5rem}.logo-text{font-size:2.5rem}.logo-tagline{font-size:1rem}}.hero-badge{gap:.75rem;padding:.75rem 1.5rem;background:rgba(255,255,255,.1);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.2);font-size:.95rem;font-weight:500}.hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:white}.hero-stats{gap:2rem;flex-wrap:wrap;background:rgba(255,255,255,.05);padding:1.5rem 2.5rem;border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.1)}.stat-label{font-size:.875rem;color:rgba(255,255,255,.7)}@media (max-width:768px){.hero-stats{flex-direction:column;gap:1rem;padding:1.5rem;width:100%}.stat-divider{display:none}.footer-content{flex-direction:column;text-align:center}.footer-brand{flex-direction:column;gap:.5rem}.footer-links{flex-wrap:wrap;justify-content:center}}.pricing-page{min-height:100vh;background:var(--bg-secondary)}.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:4rem}@media (max-width:640px){.plans-grid{grid-template-columns:1fr}}.plan-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:2rem;position:relative;transition:var(--transition)}.plan-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.plan-card-pro{border-color:var(--color-primary);border-width:2px;background:linear-gradient(to bottom,rgba(99,102,241,.03),var(--bg-primary))}.plan-popular-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--color-primary);color:#fff;font-size:.78rem;font-weight:700;padding:.3rem 1rem;border-radius:0 0 var(--radius-md) var(--radius-md);display:flex;align-items:center;gap:.4rem}.plan-header{text-align:center;margin-bottom:1.5rem;padding-top:.5rem}.plan-icon{width:56px;height:56px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin:0 auto 1rem}.plan-icon-free{background:var(--bg-tertiary);color:var(--text-secondary)}.plan-icon-pro{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;box-shadow:var(--shadow-glow)}.plan-name{font-size:1.4rem;font-weight:700;margin-bottom:.25rem}.plan-desc{color:var(--text-secondary);font-size:.85rem}.plan-price{text-align:center;margin-bottom:1.75rem}.plan-features{list-style:none;margin-bottom:1.75rem;display:flex;flex-direction:column;gap:.75rem}.plan-btn{width:100%;padding:.875rem;border-radius:var(--radius-lg);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.plan-btn-free{background:var(--bg-tertiary);color:var(--text-secondary)}.plan-btn-pro{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;box-shadow:var(--shadow-glow)}.plan-btn-pro:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 30px rgba(99,102,241,.5)}.plan-btn-active{background:linear-gradient(135deg,var(--color-success),#059669)!important;box-shadow:0 0 20px rgba(16,185,129,.3)!important;cursor:default!important}.faq-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.25rem}.faq-item h3{font-size:.95rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.faq-item p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.pro-nav-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-accent))!important;color:#fff!important;border-radius:var(--radius-full)!important;padding:.4rem 1rem!important;border:none!important;font-weight:600!important;transition:var(--transition-fast)!important}body{color:#fff}.App,body{background:#0a0a0f}.app-main{max-width:100%!important;padding:0!important;margin:0!important}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.35);color:#a5b4fc;padding:.45rem 1.1rem;border-radius:100px;font-size:.82rem;font-weight:600;letter-spacing:.3px;margin-bottom:2rem;backdrop-filter:blur(10px)}.hero-title{font-size:clamp(3rem,8vw,6.5rem)!important;font-weight:900!important;line-height:1.05!important;letter-spacing:-.03em!important;color:#fff!important;margin-bottom:1.75rem!important;background:none!important;-webkit-text-fill-color:#fff!important}.hero-stats{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:3rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.25rem 2rem;backdrop-filter:blur(10px);width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.stat-label{font-size:.78rem!important;color:rgba(255,255,255,.4)!important;margin-top:.2rem}.progress-bar{background:rgba(255,255,255,.08)!important}.form-group label{color:rgba(255,255,255,.8)!important}.example-card{background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.08)!important}.example-card:hover{border-color:rgba(99,102,241,.4)!important}.example-title{color:rgba(255,255,255,.9)!important}.example-preview{color:rgba(255,255,255,.4)!important}.guide-section{background:#0a0a0f;border-top:1px solid rgba(255,255,255,.06);padding:6rem 1.5rem}.meta-profile-wrapper{min-height:100vh;background:#0a0a0f;background-image:radial-gradient(circle at 15% 15%,rgba(99,102,241,.08) 0,transparent 40%),radial-gradient(circle at 85% 85%,rgba(139,92,246,.08) 0,transparent 40%);color:#fff;padding-bottom:4rem;font-family:var(--font-inter),system-ui,sans-serif}@keyframes slowFall{0%{transform:translate(-50%);opacity:0;height:10px}20%{opacity:1}80%{height:80px}to{transform:translate(-50%,50vh);opacity:1;height:40px}}@keyframes floorFlash{0%{width:0;height:0;opacity:1;filter:blur(5px)}50%{width:400px;height:400px;opacity:.5;filter:blur(20px)}to{width:600px;height:600px;opacity:0}}@keyframes rippleMove{0%{width:0;height:0;opacity:0;border-color:#fff}10%{opacity:1}to{width:1200px;height:1200px;opacity:0}}@keyframes progressFill{0%{left:-100%}to{left:0}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width:768px){.detailed-generation .type-buttons{flex-direction:column}.detailed-generation .type-button{width:100%}.guide-tips-card ul li{font-size:.85rem}}html{scroll-behavior:smooth;scroll-padding-top:80px}.scroll-animation-element{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.scroll-animation-element.animate-fadeInUp{animation:scrollFadeInUp .8s ease forwards}.scroll-animation-element.animate-fadeInLeft{animation:scrollFadeInLeft .8s ease forwards}.scroll-animation-element.animate-fadeInRight{animation:scrollFadeInRight .8s ease forwards}.scroll-animation-element.animate-scaleIn{animation:scrollScaleIn .8s ease forwards}@keyframes scrollFadeInUp{0%{opacity:0;transform:translateY(40px);visibility:visible}to{opacity:1;transform:translateY(0);visibility:visible}}@keyframes scrollFadeInLeft{0%{opacity:0;transform:translateX(-40px);visibility:visible}to{opacity:1;transform:translateX(0);visibility:visible}}@keyframes scrollFadeInRight{0%{opacity:0;transform:translateX(40px);visibility:visible}to{opacity:1;transform:translateX(0);visibility:visible}}@keyframes scrollScaleIn{0%{opacity:0;transform:scale(.9);visibility:visible}to{opacity:1;transform:scale(1);visibility:visible}}@keyframes parallaxMove{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(-2%,-1%)}}body,html{width:100%!important}.App,.app-main,.footer-minimal,.form-section-wrapper,.guide-section,.hero-section-enhanced,.meta-features-strip,body,html{overflow-x:hidden!important;max-width:100vw!important}*{max-width:100vw;box-sizing:border-box}@media (max-width:1024px){.payment-split-layout{flex-direction:column}.payment-hero-side{min-height:400px}.payment-hero-content{text-align:center}.payment-hero-features{text-align:left}.payment-form-side{padding:2rem}}@keyframes scrollRightToLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:768px){.meta-features-strip{padding:20px 0}.features-track{gap:8px;animation-duration:26s}.meta-feature-pill{padding:7px 14px 7px 7px;gap:8px}.meta-pill-icon{width:30px;height:30px;font-size:12px}.meta-pill-label{font-size:12px}.meta-pill-desc{font-size:10px}.meta-features-strip:after,.meta-features-strip:before{width:80px}.meta-strip-title{display:none}}@keyframes slideInTip{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (hover:hover){.prompt-input-wrapper{--mouse-x:50%;--mouse-y:50%}.prompt-input-wrapper:hover{--mouse-x:attr(data-mouse-x);--mouse-y:attr(data-mouse-y)}}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.template-icon{width:32px;height:32px;border-radius:8px;background:rgba(99,102,241,.15);display:flex;align-items:center;justify-content:center;color:#818cf8;font-size:.8rem;transition:all .3s ease}.template-info{text-align:left}@keyframes particleFloat{0%{transform:translate(0) scale(1);opacity:0}20%{opacity:.5}to{transform:translate(var(--tx,20px),var(--ty,-30px)) scale(0);opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulseGlow{0%,to{opacity:.3}50%{opacity:.5}}@media (hover:hover){.input-wrapper-modern,.select-wrapper-modern,.template-card-modern,.textarea-wrapper-modern{--mouse-x:50%;--mouse-y:50%}.input-wrapper-modern:hover,.select-wrapper-modern:hover,.template-card-modern:hover,.textarea-wrapper-modern:hover{--mouse-x:attr(data-mouse-x);--mouse-y:attr(data-mouse-y)}}@media (max-width:768px){.type-buttons{flex-direction:column!important;gap:.75rem!important}.mode-tabs,.type-button{width:100%!important}.mode-tab{flex:1!important;justify-content:center!important}}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes kenBurns{0%{transform:scale(1.05) translate(0)}to{transform:scale(1.1) translate(-1%,-1%)}}@keyframes floatSphere{0%{transform:translate(0) scale(1)}to{transform:translate(5%,5%) scale(1.1)}}.calendar-form-modern,.detailed-generation,.mode-selector,.prompt-form-modern,.quick-generation,.rup-form-modern{position:relative;z-index:1}@keyframes noiseShift{0%{transform:translate(0)}to{transform:translate(-2%,-2%)}}@keyframes holographicShift{0%{background-position:0 0;opacity:.3}50%{background-position:100% 100%;opacity:.6}to{background-position:0 0;opacity:.3}}@keyframes floatParticle{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10px,-15px) scale(1.2)}50%{transform:translate(-5px,-25px) scale(.8)}75%{transform:translate(-15px,-10px) scale(1.1)}}@keyframes lensDistortion{0%,to{filter:brightness(1.2) saturate(1.3) hue-rotate(0deg)}33%{filter:brightness(1.3) saturate(1.4) hue-rotate(5deg)}66%{filter:brightness(1.1) saturate(1.2) hue-rotate(-5deg)}}@keyframes morphShape{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 70% 70% 30%/30% 70% 30% 70%}50%{border-radius:70% 30% 50% 50%/40% 40% 60% 60%}75%{border-radius:40% 60% 80% 20%/50% 80% 20% 50%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@media (max-width:768px){.hero-particle{display:none}.hero-holographic{opacity:.2}.hero-video-pause-btn{bottom:1rem;right:1rem;width:40px;height:40px;font-size:1rem}}.is-scrolled .brand-logo-image{filter:brightness(0) invert(1)}@media (max-width:640px){.brand-logo-image{height:32px}}.hero-section-enhanced{min-height:95vh!important;padding:4rem 2rem 3.5rem!important}.hero-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);border-radius:100px;font-size:.8rem;font-weight:500;color:rgba(255,255,255,.85);margin-bottom:1.5rem;letter-spacing:.01em}@keyframes pillPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.demo-section{padding:5rem 2rem;position:relative}.dot{width:10px;height:10px;border-radius:50%}@keyframes shimmerLine{0%,to{opacity:.5}50%{opacity:1}}@keyframes generatingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}@media (max-width:768px){.hero-section-enhanced{min-height:50vh!important;padding:3.5rem 1.5rem 3rem!important}.hero-stats-v2{border-radius:16px;gap:1rem;padding:.8rem 1.2rem}.hero-stat-sep{width:20px;height:1px;transform:rotate(90deg)}.demo-layout{grid-template-columns:1fr}.demo-tabs-panel{order:2}.demo-screen-panel{order:1}.demo-quick-facts{flex-wrap:wrap;gap:1rem}.hero-actions-v2{flex-direction:column;align-items:stretch}.hero-cta-v2{justify-content:center}}@media (max-width:480px){.demo-section{padding:3rem 1.25rem}}body{color:var(--ci-text)!important}.App,.app-main,body{background:var(--ci-cream)!important}.profile-btn.active{background:linear-gradient(135deg,var(--ci-indigo),var(--ci-indigo-mid))!important;color:#fff!important}.hero-overlay-dark{background:linear-gradient(180deg,rgba(250,248,243,.62) 0,rgba(240,235,224,.8))!important}.hero-pill{background:rgba(199,210,254,.5)!important;border:1px solid var(--ci-indigo-soft)!important;color:var(--ci-indigo)!important;backdrop-filter:blur(10px)}.hero-title,.hero-title-v2{color:var(--ci-text)!important;text-shadow:none!important}.hero-badge{background:var(--ci-indigo-pale)!important;border:1px solid var(--ci-indigo-soft)!important;color:var(--ci-indigo)!important}.demo-section{background:var(--ci-cream)!important}.template-icon{background:var(--ci-indigo-pale)!important;color:var(--ci-indigo-mid)!important}:root{--ci-cream:#FAF8F3;--ci-surface:#F0EBE0;--ci-card:#E8E0D0;--ci-border:#D9D1C0;--ci-border-soft:#EAE3D6;--ci-indigo:#3730A3;--ci-indigo-mid:#6366F1;--ci-indigo-soft:#C7D2FE;--ci-indigo-pale:#EEF2FF;--ci-text:#1E1B4B;--ci-text-2:#4A4580;--ci-text-3:#7B77A8;--ci-green:#10B981;--ci-amber:#F59E0B;--ci-red:#EF4444}.dashboard{color:var(--ci-text)!important}.dashboard,.page-header{background:var(--ci-cream)!important}.page-header{border-bottom:1px solid var(--ci-border)!important}.page-title{color:var(--ci-text)!important}.page-title svg{color:var(--ci-indigo-mid)!important}.nav-btn{color:var(--ci-text-2)!important}.nav-btn:hover{background:var(--ci-surface)!important;color:var(--ci-text)!important}.nav-btn.active{background:var(--ci-indigo-pale)!important;color:var(--ci-indigo)!important;font-weight:600}.nav-badge{background:var(--ci-amber)!important}.sidebar{background:var(--ci-surface)!important;color:var(--ci-text)!important;border-right:1px solid var(--ci-border)!important}.main-content{background:var(--ci-cream)!important}.tab-page-title{color:var(--ci-text)!important}.tab-page-title svg{color:var(--ci-indigo-mid)!important}.tab-count{background:var(--ci-card)!important;color:var(--ci-text-2)!important}.section-title{color:var(--ci-text)!important}.section-title svg{color:var(--ci-indigo-mid)!important}.quick-action-card{background:var(--ci-cream)!important;border:1px solid var(--ci-border)!important;border-left:4px solid var(--action-color)!important}.quick-action-card:hover{background:var(--ci-indigo-pale)!important;box-shadow:0 6px 20px rgba(55,48,163,.1)!important}.action-label{color:var(--ci-text)!important}.action-arrow{color:var(--ci-text-3)!important}.pres-card{background:var(--ci-cream)!important;border:1px solid var(--ci-border)!important}.pres-card:hover{border-color:var(--ci-indigo-mid)!important;box-shadow:0 8px 24px rgba(55,48,163,.1)!important}.pres-overlay{background:linear-gradient(0deg,rgba(30,27,75,.65),transparent)!important}.pres-action{background:rgba(250,248,243,.95)!important;color:var(--ci-text)!important}.pres-action:hover{background:var(--ci-indigo-pale)!important;color:var(--ci-indigo)!important}.pres-action.danger{background:#fee2e2!important;color:var(--ci-red)!important}.pres-action.fav-on{background:#fef3c7!important;color:var(--ci-amber)!important}.pres-title{color:var(--ci-text)!important}.pres-meta{color:var(--ci-text-3)!important}.empty-state{background:var(--ci-surface)!important;border:1px dashed var(--ci-border)!important}.empty-icon{color:var(--ci-card)!important}.empty-state h3{color:var(--ci-text)!important}.empty-state p{color:var(--ci-text-3)!important}.empty-cta{background:linear-gradient(135deg,var(--ci-indigo),var(--ci-indigo-mid))!important;color:#fff!important;border:none!important}.empty-cta:hover{opacity:.9!important;transform:translateY(-1px)}.template-card{background:var(--ci-cream)!important;border:1px solid var(--ci-border)!important}.template-card:hover{box-shadow:0 8px 24px rgba(55,48,163,.1)!important}.template-name{color:var(--ci-text)!important}.template-desc{color:var(--ci-text-3)!important}.template-footer{border-top:1px solid var(--ci-border-soft)!important}.template-slides-count{color:var(--ci-text-3)!important}.template-use-btn{background:var(--ci-indigo-pale)!important;color:var(--ci-indigo)!important;border:1px solid var(--ci-indigo-soft)!important}.template-use-btn:hover{background:var(--ci-indigo)!important;color:#fff!important;border-color:var(--ci-indigo)!important}.use-template-btn{background:var(--ci-cream)!important;color:var(--ci-text)!important}.use-template-btn:hover{background:var(--ci-indigo-pale)!important;color:var(--ci-indigo)!important}.examples-hint{color:var(--ci-text-3)!important}.example-card{background:var(--ci-cream)!important;border:1px solid var(--ci-border)!important}.example-card:hover{box-shadow:0 8px 24px rgba(55,48,163,.1)!important}.example-title{color:var(--ci-text)!important}.example-desc{color:var(--ci-text-3)!important}.example-open-btn{background:rgba(250,248,243,.95)!important;color:var(--ci-text)!important}.example-btn,.example-open-btn:hover{background:var(--ci-indigo-pale)!important;color:var(--ci-indigo)!important}.example-btn{border:1px solid var(--ci-indigo-soft)!important}.example-btn:hover{background:var(--ci-indigo)!important;color:#fff!important;border-color:var(--ci-indigo)!important}.progress-wrap{background:var(--ci-cream)!important;border:1px solid var(--ci-border)!important}.progress-label{color:var(--ci-text)!important}.progress-pct{color:var(--ci-indigo)!important}.progress-bar{background:var(--ci-card)!important}.progress-fill{background:linear-gradient(90deg,var(--ci-indigo),var(--ci-indigo-mid))!important}.congrats-banner{background:#d1fae5!important;color:#065f46!important}.lesson-card{background:var(--ci-cream)!important;border:1px solid var(--ci-border)!important}.lesson-card:hover{border-color:var(--ci-indigo-soft)!important}.lesson-card.done .lesson-main{background:var(--ci-surface)!important}.lesson-num{color:var(--ci-text-3)!important}.lesson-info h4{color:var(--ci-text)!important}.lesson-info span{color:var(--ci-text-3)!important}.lesson-body p{color:var(--ci-text-2)!important}.start-btn{background:linear-gradient(135deg,var(--ci-indigo),var(--ci-indigo-mid))!important;color:#fff!important}.start-btn:hover{opacity:.88!important}.done-badge{color:var(--ci-green)!important}.undo-btn{background:var(--ci-surface)!important;border:1px solid var(--ci-border)!important;color:var(--ci-text-3)!important}.undo-btn:hover{border-color:var(--ci-red)!important;color:var(--ci-red)!important}.mark-btn{background:var(--ci-indigo-pale)!important;border:1px solid var(--ci-indigo-soft)!important;color:var(--ci-indigo)!important}.mark-btn:hover{background:var(--ci-indigo)!important;color:#fff!important;border-color:var(--ci-indigo)!important}.faq-item{background:var(--ci-cream)!important;border:1px solid var(--ci-border)!important}.faq-item:hover{border-color:var(--ci-indigo-soft)!important}.faq-item.open{border-color:var(--ci-indigo-mid)!important;background:var(--ci-indigo-pale)!important}.faq-q{color:var(--ci-text)!important}.faq-arrow{color:var(--ci-text-3)!important}.faq-a{color:var(--ci-text-2)!important}.support-side{background:var(--ci-cream)!important;border:1px solid var(--ci-border)!important}.support-section-title{color:var(--ci-text)!important}.support-section-title svg{color:var(--ci-indigo-mid)!important}.form-field label{color:var(--ci-text-2)!important}.form-input{background:#fff!important;border:1px solid var(--ci-border)!important;color:var(--ci-text)!important}.form-input:focus{border-color:var(--ci-indigo-mid)!important;box-shadow:0 0 0 3px rgba(99,102,241,.12)!important}.form-textarea{background:#fff!important;border:1px solid var(--ci-border)!important;color:var(--ci-text)!important}.form-textarea:focus{border-color:var(--ci-indigo-mid)!important;box-shadow:0 0 0 3px rgba(99,102,241,.12)!important}.send-btn{background:linear-gradient(135deg,var(--ci-indigo),var(--ci-indigo-mid))!important;color:#fff!important}.send-btn:hover:not(:disabled){opacity:.9!important}.sent-icon{color:var(--ci-green)!important}.sent-state h4{color:var(--ci-text)!important}.sent-state p{color:var(--ci-text-3)!important}.send-again-btn{background:var(--ci-indigo-pale)!important;border:1px solid var(--ci-indigo-soft)!important;color:var(--ci-indigo)!important}.send-again-btn:hover{background:var(--ci-indigo)!important;color:#fff!important;border-color:var(--ci-indigo)!important}.lesson-icon-wrap{transition:background .2s,color .2s}.lesson-card:not(.done) .lesson-icon-wrap{background:var(--ci-indigo-pale)!important;color:var(--ci-indigo-mid)!important}.lesson-card.done .lesson-icon-wrap{background:#d1fae5!important;color:#16a34a!important}.guide-section{background:#F5F2EC!important;border-top:1px solid #ddd6c8!important;padding:6rem 1.5rem!important}.footer-minimal{padding:3rem 2rem!important;background:#1E1B4B!important;border-top:none!important}.hero-light{position:relative;min-height:100vh;background:radial-gradient(ellipse 50% 40% at 75% 50%,rgba(139,92,246,.18) 0,transparent 60%),radial-gradient(ellipse 40% 35% at 90% 30%,rgba(99,102,241,.14) 0,transparent 60%),radial-gradient(ellipse 30% 30% at 10% 80%,rgba(236,72,153,.08) 0,transparent 60%),linear-gradient(135deg,#faf8f5,#f5f1ec);overflow:hidden;display:flex;flex-direction:column}@keyframes blobFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,40px) scale(1.08)}}@keyframes blobFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-30px) scale(1.05)}}@keyframes blobFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,-40px) scale(1.1)}}@keyframes orbFloat{0%,to{transform:translate(0)}50%{transform:translate(-15px,-25px)}}.hero-laptop-wrap{position:relative;width:100%;max-width:640px}.hero-laptop-glow{position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);width:90%;height:120px;background:radial-gradient(ellipse,rgba(139,92,246,.4) 0,rgba(99,102,241,.2) 40%,transparent 70%);filter:blur(30px);pointer-events:none;z-index:0;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.7;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.1)}}.hero-laptop-img{display:block;height:auto;position:relative;z-index:2;filter:drop-shadow(0 40px 80px rgba(79,70,229,.25)) drop-shadow(0 20px 40px rgba(139,92,246,.18)) drop-shadow(0 8px 16px rgba(0,0,0,.12))}.hero-laptop-img,.hero-laptop-video{width:100%;animation:laptopFloat 6s ease-in-out infinite;pointer-events:none}.hero-laptop-video{position:absolute;top:0;left:0;height:100%;-o-object-fit:cover;object-fit:cover;z-index:3;clip-path:polygon(37.19% 13.16%,95.81% 3.35%,94.14% 68.18%,34.84% 72.97%);-webkit-clip-path:polygon(37.19% 13.16%,95.81% 3.35%,94.14% 68.18%,34.84% 72.97%)}@keyframes laptopFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-12px) rotate(1.5deg)}}@media (max-width:1024px){.hero-light-inner{flex-direction:column;padding:5rem 2rem 2rem;text-align:center}.hero-light-left{align-items:center;max-width:100%}.hero-light-desc{margin:0 auto 2rem}.hero-light-right{width:100%;max-width:520px}.hero-float-card{display:none}.hero-light-stats{padding:1.5rem}.hero-light-stats-inner{flex-wrap:wrap;border-radius:20px;padding:4px}.hl-stat{width:calc(50%);border-right:none;border-bottom:1px solid rgba(226,232,240,.6);padding:.75rem 1rem}.hl-stat:nth-child(odd){border-right:1px solid rgba(226,232,240,.6)}.hl-stat:nth-last-child(-n+2){border-bottom:none}}@font-face{font-family:var(--font-newsreader),var(--font-inter),Georgia,serif;font-weight:100 900;font-style:italic;font-display:swap;src:local("Inter Italic"),local("Inter-Italic");unicode-range:u+0401,u+0451,u+0406,u+0456,u+04a2-04a3,u+0492-0493,u+049a-049b,u+04ae-04af,u+04b0-04b1,u+04ba-04bb,u+04d8-04d9,u+04e8-04e9}@font-face{font-family:var(--font-manrope),var(--font-inter),system-ui,sans-serif;font-weight:100 900;font-style:normal;font-display:swap;src:local("Inter");unicode-range:u+0401,u+0451,u+0406,u+0456,u+04a2-04a3,u+0492-0493,u+049a-049b,u+04ae-04af,u+04b0-04b1,u+04ba-04bb,u+04d8-04d9,u+04e8-04e9}@font-face{font-family:var(--font-newsreader),var(--font-inter),Georgia,serif;font-weight:100 900;font-style:normal;font-display:swap;src:local("Inter");unicode-range:u+0401,u+0451,u+0406,u+0456,u+04a2-04a3,u+0492-0493,u+049a-049b,u+04ae-04af,u+04b0-04b1,u+04ba-04bb,u+04d8-04d9,u+04e8-04e9}@font-face{font-family:var(--font-notomono),var(--font-jbmono),var(--font-inter),ui-monospace,monospace;font-weight:100 900;font-style:normal;font-display:swap;src:local("JetBrains Mono"),local("Inter");unicode-range:u+0401,u+0451,u+0406,u+0456,u+04a2-04a3,u+0492-0493,u+049a-049b,u+04ae-04af,u+04b0-04b1,u+04ba-04bb,u+04d8-04d9,u+04e8-04e9}html{overscroll-behavior-y:none}@keyframes toast-in{0%{opacity:0;transform:translateX(-120%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-120%)}}.toast-anim-in{animation:toast-in .34s cubic-bezier(.22,1,.36,1) both}.toast-anim-out{animation:toast-out .3s cubic-bezier(.4,0,1,1) both}.toast-spin{animation:spin .7s linear infinite}@media (prefers-reduced-motion:reduce){.toast-anim-in,.toast-anim-out{animation:none}}