body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.landing-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Roboto,Helvetica,Arial,sans-serif;min-height:100vh;width:100%}.hero-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;min-height:100vh;padding:80px 20px;text-align:center}.hero-content{animation:fadeInUp 1s ease-out;max-width:900px}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:24px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.hero-subtitle{font-size:1.25rem;line-height:1.8;margin-bottom:40px;opacity:.95}.hero-cta{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:14px 32px;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.15);color:#667eea}.btn-primary:hover{background-color:#f5f5f5;box-shadow:0 6px 20px rgba(0,0,0,.2);transform:translateY(-2px)}.btn-secondary{background-color:transparent;border:2px solid #fff;color:#fff}.btn-secondary:hover{background-color:hsla(0,0%,100%,.1);transform:translateY(-2px)}.btn-large{font-size:1.25rem;padding:18px 48px}.features-section,.tutorial-section{padding:100px 20px;text-align:center}.section-title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:60px}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:40px 30px;transition:all .3s ease}.feature-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-8px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:16px}.feature-description{color:#666;font-size:1rem;line-height:1.7}.tutorial-section{background:#fff}.tutorial-steps{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:1200px}.step{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#fff;flex:1 1;max-width:300px;min-width:200px;padding:30px 20px}.step-number{align-items:center;background:#fff;border-radius:50%;color:#667eea;display:flex;font-size:2rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.step-title{font-size:1.4rem;font-weight:600;margin-bottom:12px}.step-description{font-size:.95rem;line-height:1.6;opacity:.9}.step-arrow{color:#667eea;font-size:2rem;font-weight:700}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 20px;text-align:center}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta-subtitle{font-size:1.2rem;line-height:1.8;margin-bottom:40px;opacity:.95}.landing-footer{background:#333;color:#fff;padding:40px 20px;text-align:center}.footer-text{font-size:.9rem;margin:0;opacity:.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.features-grid{gap:30px;grid-template-columns:1fr}.tutorial-steps{flex-direction:column}.step-arrow{transform:rotate(90deg)}.cta-title{font-size:2rem}.cta-subtitle{font-size:1.1rem}.btn{font-size:1rem;padding:12px 24px}.btn-large{font-size:1.1rem;padding:14px 32px}}@media (max-width:480px){.hero-section{padding:60px 15px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-cta{flex-direction:column;gap:15px}.btn{width:100%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.a63307c0.css.map*/