:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,:root[data-theme=light]{color:#213547;background-color:#fff;--color-primary: #646cff;--color-primary-hover: #747bff;--color-text: #213547;--color-bg: #ffffff;--color-border: #ddd}:root[data-theme=dark],:root.dark{color:#ffffffde;background-color:#242424;--color-primary: #646cff;--color-primary-hover: #535bf2;--color-text: rgba(255, 255, 255, .87);--color-bg: #242424;--color-border: #555}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;color:inherit;cursor:pointer;transition:border-color .25s}:root[data-theme=dark] button,:root.dark button{background-color:#1a1a1a}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.theme-switcher{position:fixed;top:1.5rem;right:1.5rem;z-index:1000;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid transparent;border-radius:50%;background-color:#646cff1a;color:inherit;cursor:pointer;transition:all .3s ease;padding:0}.theme-switcher:hover{background-color:#646cff33;border-color:#646cff;transform:scale(1.1)}.theme-switcher:active{transform:scale(.95)}.theme-switcher svg{transition:transform .4s ease}.theme-switcher:hover svg{transform:rotate(20deg)}@media(prefers-color-scheme:light){.theme-switcher{background-color:#7878781a;color:#213547}.theme-switcher:hover{background-color:#78787833;border-color:#747bff}}@media(max-width:640px){.theme-switcher{top:1rem;right:1rem;width:40px;height:40px}.theme-switcher svg{width:20px;height:20px}}.home-page{width:100%;min-height:100vh;display:flex;flex-direction:column;gap:4rem;padding-top:2rem}.hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:70vh;gap:4rem;overflow:hidden;perspective:1000px}.hero.loaded .hero-content{animation:fadeInUp .8s ease-out}.hero.loaded .floating-shape{animation:float 6s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.hero-content{flex:1;z-index:10;max-width:600px}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem;letter-spacing:-1px}.highlight{background:linear-gradient(135deg,#646cff,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(10deg)}}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin:0 0 2.5rem;opacity:.8}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,#646cff,#0ea5e9);color:#fff;box-shadow:0 10px 30px #646cff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #646cff66}.btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:#fff}.btn-large{padding:1.125rem 3rem;font-size:1.125rem}.hero-decoration{flex:1;position:relative;height:500px;display:none}@media(min-width:1024px){.hero-decoration{display:block}}.floating-shape{position:absolute;border-radius:50%;opacity:.1}.shape-1{width:300px;height:300px;background:linear-gradient(135deg,#646cff,#0ea5e9);top:0;right:0;animation-delay:0s}.shape-2{width:200px;height:200px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);bottom:20%;right:20%;animation-delay:1s}.shape-3{width:150px;height:150px;background:linear-gradient(135deg,#646cff,#6366f1);bottom:0;left:10%;animation-delay:2s}.features{padding:4rem 2rem;text-align:center}.features h2{font-size:2.5rem;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{padding:2rem;border-radius:12px;background:var(--card-bg, rgba(100, 108, 255, .05));border:1px solid var(--card-border, rgba(100, 108, 255, .1));transition:all .3s ease}.feature-card:hover{transform:translateY(-8px);border-color:var(--color-primary);box-shadow:0 20px 40px #646cff1a}.feature-icon{font-size:3rem;margin-bottom:1rem;display:inline-block}.feature-card h3{font-size:1.375rem;margin:1rem 0}.feature-card p{opacity:.7;line-height:1.6}.cta-section{padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,#646cff1a,#0ea5e91a);border-radius:16px;margin:2rem}.cta-section h2{font-size:2rem;margin-bottom:1rem}.cta-section p{font-size:1.125rem;margin-bottom:2rem;opacity:.8}:root[data-theme=dark] .feature-card{--card-bg: rgba(100, 108, 255, .08);--card-border: rgba(100, 108, 255, .15)}:root[data-theme=light] .feature-card{--card-bg: rgba(100, 108, 255, .03);--card-border: rgba(100, 108, 255, .1)}@media(max-width:768px){.hero{min-height:auto;gap:2rem;margin-bottom:2rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.cta-buttons{flex-direction:column;align-items:center}.btn{max-width:300px;text-align:center}.features{padding:2rem 1rem}.features h2{font-size:2rem}.cta-section{margin:1rem;padding:2rem 1rem}.cta-section h2{font-size:1.5rem}}.animation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(100,108,255,.2) 0%,rgba(14,165,233,.1) 50%,transparent 100%);display:flex;align-items:center;justify-content:center;z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.animation-container{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.particle{position:absolute;width:12px;height:12px;background:linear-gradient(135deg,#646cff,#0ea5e9);border-radius:50%;animation:particleShoot 1.5s ease-out forwards}.particle-1{animation-delay:0s}.particle-2{animation-delay:.1s}.particle-3{animation-delay:.2s}.particle-4{animation-delay:.3s}.particle-5{animation-delay:.4s}@keyframes particleShoot{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0)}}.particle-1{--tx: 150px;--ty: -150px}.particle-2{--tx: 150px;--ty: 150px}.particle-3{--tx: -150px;--ty: 150px}.particle-4{--tx: -150px;--ty: -150px}.particle-5{--tx: 0px;--ty: -200px}.pulse-ring{position:absolute;width:60px;height:60px;border:2px solid rgba(100,108,255,.6);border-radius:50%;animation:pulseRing 1.5s ease-out forwards}.pulse-ring-2{animation-delay:.2s}.pulse-ring-3{animation-delay:.4s}@keyframes pulseRing{0%{transform:scale(0);opacity:1;border-width:3px}to{transform:scale(3);opacity:0;border-width:1px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.modal-content{background:var(--bg-color, #fff);border-radius:20px;padding:3rem;max-width:400px;width:90%;text-align:center;position:relative;box-shadow:0 20px 60px #0000004d;animation:modalPopIn .5s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(100,108,255,.2)}@keyframes modalPopIn{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:#646cff1a;border-radius:50%;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--text-color, #333)}.modal-close:hover{background:#646cff33;transform:rotate(90deg)}.modal-icon{font-size:4rem;margin-bottom:1rem;animation:bounce .6s ease-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.modal-content h2{font-size:2rem;margin:1rem 0;background:linear-gradient(135deg,#646cff,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-content p{font-size:1rem;opacity:.8;margin-bottom:2rem;line-height:1.6}.modal-content .btn{min-width:150px;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=dark] .modal-content{--bg-color: #1a1a2e;--text-color: #e0e0e0}:root[data-theme=light] .modal-content{--bg-color: #ffffff;--text-color: #333333}@media(max-width:480px){.home-page{gap:2rem}.hero-title{font-size:1.875rem}.hero-subtitle{font-size:.95rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.btn{padding:.75rem 1.5rem;font-size:.9rem}.modal-content{padding:2rem}.modal-content h2{font-size:1.5rem}.modal-icon{font-size:3rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}