:root{--primary: #2563eb;--primary-hover: #1d4ed8;--text: #1f2937;--text-light: #6b7280;--background: #ffffff;--background-alt: #f9fafb;--border: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius: .5rem;--transition: all .2s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;line-height:1.5}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text);background-color:var(--background);line-height:1.6}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-hover)}button,.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:500;text-align:center;cursor:pointer;transition:var(--transition);border:none;font-size:1rem}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow)}.btn-outline{background-color:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-outline:hover{background-color:#2563eb1a;transform:translateY(-1px)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}.navbar{width:100%;padding:1.5rem 0;background-color:var(--background);position:relative;z-index:50}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:var(--text-light);font-weight:500}.nav-links a:hover{color:var(--primary)}.nav-links .btn,.nav-links .btn:hover{color:#fff!important}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:500;text-align:center;cursor:pointer;transition:var(--transition);border:none;font-size:1rem;background-color:var(--primary);color:#fff;text-decoration:none}.btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow);color:#fff}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{color:#fff}.btn-outline{background-color:transparent;border:1px solid var(--primary);color:var(--primary)}.btn-outline:hover{background-color:#2563eb1a;color:var(--primary)}.hero{min-height:100vh;display:flex;align-items:center;padding:6rem 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.hero-content{max-width:800px;margin:0 auto;text-align:center}.hero h1{font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(90deg,#2563eb,#7c3aed,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:gradient 8s ease infinite;letter-spacing:-.02em;max-width:800px;margin-left:auto;margin-right:auto}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero h1 .gradient-text{background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.25rem;color:var(--text-light);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.section{padding:6rem 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#fff;border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);transition:var(--transition)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-icon{width:3rem;height:3rem;border-radius:.75rem;background-color:#e0f2fe;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem;color:var(--primary)}.feature-card h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text)}.feature-card p{color:var(--text-light);line-height:1.6}.how-it-works{background-color:var(--background-alt);padding:6rem 0;position:relative;overflow:hidden}.how-it-works:before{content:"";position:absolute;top:0;left:0;right:0;height:10px;background:linear-gradient(90deg,#2563eb,#7c3aed)}.steps-container{position:relative;max-width:1000px;margin:0 auto;padding:2rem 0}.steps-container:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:#e2e8f0}.steps{display:flex;flex-direction:column;gap:3rem;position:relative;z-index:1}.step{display:flex;position:relative;align-items:flex-start;gap:2rem;background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;max-width:45%}.step:nth-child(odd){margin-right:auto;margin-left:0;text-align:right;flex-direction:row-reverse}.step:nth-child(2n){margin-left:auto;margin-right:0;text-align:left}.step:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.step-number{width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0;position:relative;z-index:2;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.step-content{flex:1}.step h3{color:var(--text);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.step p{color:var(--text-light);line-height:1.6;margin:0}@media (max-width: 768px){.steps-container:before{left:2rem}.step{max-width:calc(100% - 4rem);margin-left:4rem!important;flex-direction:row!important;text-align:left!important}.step:nth-child(odd){flex-direction:row!important}}.step-number{width:3rem;height:3rem;border-radius:50%;background-color:#e0f2fe;color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:1rem}.step h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text)}.step p{color:var(--text-light);margin-bottom:1.5rem}.step-image{flex:1;background-color:#f3f4f6;border-radius:var(--radius);height:16rem;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-weight:500}.cta{text-align:center;padding:6rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.cta h2{font-size:2.5rem;margin-bottom:1.5rem;color:var(--text)}.cta p{font-size:1.25rem;color:var(--text-light);max-width:600px;margin:0 auto 2.5rem}.footer{background-color:#1f2937;color:#9ca3af;padding:3rem 0;text-align:center}.footer-content{max-width:600px;margin:0 auto;padding:0 1rem}.footer-logo{font-size:1.75rem;font-weight:700;margin-bottom:1rem;display:inline-block;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.footer-description{margin-bottom:1.5rem;line-height:1.6}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.footer-links a{color:#9ca3af;text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:#fff}.footer-bottom{padding-top:2rem;border-top:1px solid #374151;color:#9ca3af;font-size:.875rem}.toast{position:fixed;bottom:2rem;right:2rem;background:#fff;border-radius:var(--radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;max-width:24rem;transform:translateY(100px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.toast.visible{transform:translateY(0);opacity:1}.toast-icon{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:50%;background-color:#dbeafe;display:flex;align-items:center;justify-content:center;color:#3b82f6;font-size:1.25rem}.toast-content h4{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:#111827}.toast-content p{font-size:.875rem;color:#4b5563;margin-bottom:.5rem}.toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;margin-left:auto;font-size:1.25rem;line-height:1;transition:color .2s}.toast-close:hover{color:#6b7280}@media (min-width: 768px){.step{flex-direction:row}.step:nth-child(2n){flex-direction:row-reverse}}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.125rem}.section-title,.cta h2{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:20rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}[data-animate]{opacity:0}[data-animate].animated{opacity:1;animation:fadeInUp .6s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}