:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--secondary-color: #f9fafb;--text-color: #1f2937;--light-text: #6b7280;--border-color: #e5e7eb;--background-color: #ffffff;--section-padding: 5rem 0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;color:var(--text-color);line-height:1.6}.container{width:90%;max-width:1200px;margin:0 auto}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;height:auto}header{background-color:var(--background-color);box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100;padding:1rem 0}header .container{display:flex;justify-content:space-between;align-items:center}.logo h1{font-size:1.8rem;font-weight:700;color:var(--primary-color)}nav ul{display:flex;gap:2rem}nav a{font-weight:500;transition:color .3s}nav a:hover{color:var(--primary-color)}.hero{padding:5rem 0;background:linear-gradient(to right,#f9fafb,#f3f4f6)}.hero .container{display:flex;align-items:center;gap:4rem}.hero-content{flex:1}.hero-image{flex:1;display:flex;justify-content:center}.hero h1{font-size:3rem;line-height:1.2;margin-bottom:1.5rem;color:var(--text-color)}.hero p{font-size:1.1rem;color:var(--light-text);margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .3s;cursor:pointer}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:#fff;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-secondary:hover{background-color:var(--secondary-color)}.features{padding:var(--section-padding);background-color:var(--background-color)}.features h2{text-align:center;font-size:2.5rem;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background-color:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000000d;transition:transform .3s,box-shadow .3s;opacity:0;transform:translateY(20px)}.feature-card.animate{opacity:1;transform:translateY(0)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{margin-bottom:1rem;font-size:1.3rem}.feature-card p{color:var(--light-text)}.how-it-works{padding:var(--section-padding);background-color:var(--secondary-color)}.how-it-works h2{text-align:center;font-size:2.5rem;margin-bottom:3rem}.steps{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.step{flex:1;min-width:250px;background-color:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000000d;position:relative;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}.step.animate{opacity:1;transform:translateY(0)}.step-number{position:absolute;top:-20px;left:20px;width:40px;height:40px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.step h3{margin-top:1rem;margin-bottom:1rem}.step p{color:var(--light-text)}.about{padding:var(--section-padding);background-color:var(--background-color)}.about h2{text-align:center;font-size:2.5rem;margin-bottom:2rem}.about p{max-width:800px;margin:0 auto 1.5rem;text-align:center;color:var(--light-text)}footer{background-color:#1f2937;color:#fff;padding:4rem 0 2rem}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;margin-bottom:3rem}.footer-logo h2{font-size:1.8rem;margin-bottom:.5rem;color:#fff}.footer-logo p{color:#9ca3af}.footer-links h3,.footer-contact h3{font-size:1.2rem;margin-bottom:1.5rem}.footer-links ul{display:flex;flex-direction:column;gap:.8rem}.footer-links a,.social-icon{color:#9ca3af;transition:color .3s}.footer-links a:hover,.social-icon:hover{color:#fff}.footer-contact p{margin-bottom:1rem;color:#9ca3af}.social-icons{display:flex;gap:1rem}.copyright{text-align:center;padding-top:2rem;border-top:1px solid #374151;color:#9ca3af}@media (max-width: 768px){.hero .container{flex-direction:column;text-align:center}.hero h1{font-size:2.5rem}.cta-buttons{justify-content:center}.steps{flex-direction:column}.footer-content{flex-direction:column;text-align:center}.footer-links ul{align-items:center}.social-icons{justify-content:center}}