:root{--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F1F3F4;--bg-card: rgba(255, 255, 255, .95);--bg-white: #FFFFFF;--bg-light: #F8F9FA;--primary-purple: #6B46C1;--primary-purple-light: #8B5CF6;--primary-purple-dark: #553C9A;--accent-purple: #9D4EDD;--accent-purple-light: #B366FF;--accent-purple-dark: #7B2CBF;--highlight-purple: #A78BFA;--highlight-purple-hover: #8B5CF6;--text-primary: #6B46C1;--text-secondary: #8B5CF6;--text-muted: #A78BFA;--text-primary-dark: #1e293b;--text-secondary-dark: #64748b;--text-muted-dark: #94a3b8;--accent-blue-hover: #8B5CF6;--accent-red-hover: #9D4EDD;--primary-light: #8B5CF6;--accent-primary: #6B46C1;--accent-blue: #6B46C1;--bg-light-card: #FFFFFF;--glow-purple: 0 0 20px rgba(139, 92, 246, .3);--glow-purple-strong: 0 0 30px rgba(139, 92, 246, .5);--gradient-primary: linear-gradient(135deg, #6B46C1, #8B5CF6);--gradient-accent: linear-gradient(135deg, #8B5CF6, #9D4EDD);--gradient-text: linear-gradient(135deg, #6B46C1, #9D4EDD);--gradient-glow: linear-gradient(135deg, #6B46C1, #8B5CF6, #9D4EDD)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg-primary);background-color:#fff;color:var(--text-primary);overflow-x:hidden}.pulse-purple{animation:pulse-purple 2s infinite}.glow-purple{box-shadow:var(--glow-purple)}.glow-purple-strong{box-shadow:var(--glow-purple-strong)}.text-glow-purple{text-shadow:var(--glow-purple)}.text-glow-purple-strong{text-shadow:var(--glow-purple-strong)}@keyframes pulse-purple{0%,to{opacity:1;text-shadow:var(--glow-purple)}50%{opacity:.8;text-shadow:var(--glow-purple-strong)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.gradient-bg{background:var(--gradient-primary)}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.red-text{color:var(--accent-purple)}.gradient-button{background:var(--gradient-accent);transition:all .3s ease;border:none;cursor:pointer;color:#fff;font-weight:600}.gradient-button:hover{background:linear-gradient(135deg,var(--accent-blue-hover),var(--accent-red-hover));transform:translateY(-2px);box-shadow:0 10px 30px #1565c04d}.section-dark{background:var(--bg-primary);color:var(--text-primary)}.section-light{background:var(--bg-white);color:var(--text-primary)}.section-gradient,.section-bw{background:#fff;color:var(--text-primary)}.card-bw{background:#fff;border:1px solid var(--border-color, #E5E7EB);border-radius:16px;padding:2rem;transition:all .3s ease}.card-bw:hover{background:#f8f9fa;border-color:var(--accent-purple);transform:translateY(-2px)}.faq-item-bw{border-bottom:1px solid #E5E7EB;transition:all .3s ease}.faq-item-bw:hover{background:#f8f9fa}.faq-answer-bw{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer-bw.active{max-height:500px}.card-light{background:var(--bg-light-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(21,101,192,.1);border-radius:16px;padding:2rem;transition:all .3s ease;box-shadow:0 4px 20px #00000014}.card-light:hover{transform:translateY(-5px);box-shadow:0 20px 40px #1565c026;border-color:#1565c04d}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(21,101,192,.2);border-radius:16px;padding:2rem;transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #1565c033;border-color:#1565c066}.glow-blue{box-shadow:0 0 20px #2196f380}.glow-red{box-shadow:0 0 20px #f4433680}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #2196f366}50%{box-shadow:0 0 40px #2196f3cc}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:transparent}51%,to{border-color:var(--accent-blue)}}.animate-fadeInUp{animation:fadeInUp .8s ease-out}.animate-fadeInDown{animation:fadeInDown .8s ease-out}.animate-fadeInLeft{animation:fadeInLeft .8s ease-out}.animate-fadeInRight{animation:fadeInRight .8s ease-out}.animate-slideInScale{animation:slideInScale .6s ease-out}.animate-slideInFromTop{animation:slideInFromTop .6s ease-out}.animate-float{animation:float 6s ease-in-out infinite}.animate-gentle-float{animation:gentle-float 4s ease-in-out infinite}.animate-pulse-slow{animation:pulse 3s ease-in-out infinite}.animate-bounce{animation:bounce 2s ease-in-out}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(33,150,243,.3),transparent);background-size:1000px 100%;animation:shimmer 3s infinite}.animate-stagger-1{animation:fadeInUp .8s ease-out .1s both}.animate-stagger-2{animation:fadeInUp .8s ease-out .2s both}.animate-stagger-3{animation:fadeInUp .8s ease-out .3s both}.animate-stagger-4{animation:fadeInUp .8s ease-out .4s both}.animate-stagger-5{animation:fadeInUp .8s ease-out .5s both}html{scroll-behavior:smooth}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.parallax{transform:translateZ(0);will-change:transform}.magnetic-button{transition:transform .3s cubic-bezier(.4,0,.2,1)}.magnetic-button:hover{transform:scale(1.05)}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.reveal.active{opacity:1;transform:translateY(0)}.text-reveal{overflow:hidden}.text-reveal span{display:inline-block;animation:fadeInUp .8s ease-out forwards;opacity:0}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #f59e0b33}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.02)}.page-transition-enter{opacity:0;transform:translate(100px)}.page-transition-enter-active{opacity:1;transform:translate(0);transition:all .5s ease-out}.page-transition-exit{opacity:1;transform:translate(0)}.page-transition-exit-active{opacity:0;transform:translate(-100px);transition:all .5s ease-out}.nav-blur{background:#050a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(33,150,243,.2)}.faq-item{border-bottom:1px solid rgba(33,150,243,.1)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer.active{max-height:500px}@media (max-width: 768px){.hero-title{font-size:2.5rem!important}.card{padding:1.5rem}}.loading-dots span{animation:pulse 1.4s infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-primary-light{color:var(--text-primary-dark)}.text-secondary-light{color:var(--text-secondary-dark)}.text-muted-light{color:var(--text-muted-dark)}.text-bw-primary{color:#fff}.text-bw-secondary{color:#ccc}.text-bw-muted{color:#999}.text-bw-accent{color:#fff;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-bw-blue{color:#2196f3}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-white{background-color:var(--bg-white)}.bg-light{background-color:var(--bg-light)}.border-subtle{border-color:#2196f31a}.border-subtle-light{border-color:#1565c01a}.section-animate{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.section-animate.active{opacity:1;transform:translateY(0)}.section-slide-left{opacity:0;transform:translate(-50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.section-slide-left.active{opacity:1;transform:translate(0)}.section-slide-right{opacity:0;transform:translate(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.section-slide-right.active{opacity:1;transform:translate(0)}.section-fade-scale{opacity:0;transform:scale(.95) translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.section-fade-scale.active{opacity:1;transform:scale(1) translateY(0)}.container-animate{opacity:0;transform:translateY(40px);transition:all .6s ease-out}.container-animate.active{opacity:1;transform:translateY(0)}.container-stagger-1{opacity:0;transform:translateY(40px);transition:all .6s ease-out .1s}.container-stagger-1.active{opacity:1;transform:translateY(0)}.container-stagger-2{opacity:0;transform:translateY(40px);transition:all .6s ease-out .2s}.container-stagger-2.active{opacity:1;transform:translateY(0)}.container-stagger-3{opacity:0;transform:translateY(40px);transition:all .6s ease-out .3s}.container-stagger-3.active{opacity:1;transform:translateY(0)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-slide-up{animation:slideInFromBottom .8s ease-out forwards}.animate-slide-left{animation:slideInFromLeft .8s ease-out forwards}.animate-slide-right{animation:slideInFromRight .8s ease-out forwards}.animate-fade-scale{animation:fadeInScale .6s ease-out forwards}.hero-cloud{position:relative;display:inline-block;margin:.5rem 0;opacity:0;transform:translateY(30px) scale(.9);animation:heroCloudAppear 1.2s cubic-bezier(.4,0,.2,1) 1.8s forwards}.hero-cloud img{width:280px;height:auto;opacity:.9;filter:brightness(1.05) contrast(1.1);border-radius:12px;box-shadow:0 20px 40px #8b5cf626;transition:all .4s cubic-bezier(.4,0,.2,1)}.hero-cloud:hover img{transform:scale(1.08) translateY(-5px);box-shadow:0 30px 60px #8b5cf640}@keyframes heroCloudAppear{0%{opacity:0;transform:translateY(30px) scale(.9)}60%{opacity:.8;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-cloud-float{animation:heroCloudFloat 8s ease-in-out infinite 3s}@keyframes heroCloudFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(1deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(8px) rotate(-1deg)}}*{transition:color .2s ease,background-color .2s ease,border-color .2s ease}
