*{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.7;overflow-x:hidden}html{scroll-behavior:smooth}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fffffff2;border-bottom:1px solid #7c3aed1a;width:100%;transition:all .3s;position:fixed;top:0}.navbar:hover{box-shadow:0 4px 20px #7c3aed14}.nav-container{justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:16px 32px;display:flex}.nav-logo{cursor:pointer;align-items:center;gap:12px;transition:transform .3s;display:flex}.nav-logo:hover{transform:scale(1.05)}.logo-text{background:linear-gradient(135deg,#7c3aed,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.nav-links{gap:32px;list-style:none;display:flex}.nav-links li{color:#4b5563;cursor:pointer;font-size:15px;font-weight:500;transition:color .3s;position:relative}.nav-links li:after{content:"";background:linear-gradient(90deg,#7c3aed,#f59e0b);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links li:hover{color:#7c3aed}.nav-links li:hover:after{width:100%}.nav-auth{gap:12px;display:flex}.nav-auth button{cursor:pointer;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.login-btn{color:#7c3aed;background:0 0;border:1.5px solid #7c3aed}.login-btn:hover{background:#faf5ff;transform:translateY(-2px)}.signup-btn{color:#fff;background:linear-gradient(135deg,#f59e0b,#fb923c);border:none;box-shadow:0 4px 12px #f59e0b4d}.signup-btn:hover{background:linear-gradient(135deg,#fb923c,#f59e0b);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.hero-section{justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-image{object-fit:cover;z-index:0}.hero-overlay{background:linear-gradient(135deg,);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-content{text-align:center;max-width:900px;padding:0 24px;animation:1s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{color:#fff;letter-spacing:3px;text-shadow:0 4px 20px #0000004d;margin-bottom:20px;font-size:4rem;font-weight:900;animation:1s ease-out .2s both fadeInUp}.hero-subtitle{color:#fcd34d;text-shadow:0 2px 10px #0003;margin-bottom:24px;font-size:1.75rem;font-weight:600;animation:1s ease-out .4s both fadeInUp}.hero-description{color:#f3f4f6;text-shadow:0 2px 8px #0003;max-width:750px;margin:0 auto 40px;font-size:1.1rem;line-height:1.8;animation:1s ease-out .6s both fadeInUp}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;animation:1s ease-out .8s both fadeInUp;display:flex}.cta-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#fb923c);border:none;border-radius:50px;padding:16px 40px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 8px 25px #f59e0b66}.cta-primary:hover{background:linear-gradient(135deg,#fb923c,#f59e0b);transform:translateY(-4px);box-shadow:0 12px 35px #f59e0b80}.cta-secondary{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50px;padding:16px 40px;font-size:16px;font-weight:700;transition:all .3s}.cta-secondary:hover{color:#7c3aed;background:#fff;transform:translateY(-4px)}.about-section{background:linear-gradient(#faf5ff 0%,#fff 100%);padding:120px 24px}.about-container{max-width:1200px;margin:auto}.about-header{text-align:center;margin-bottom:80px}.about-title{color:#581c87;margin-bottom:20px;font-size:3rem;font-weight:800}.about-title span{background:linear-gradient(135deg,#f59e0b,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.about-subtitle{color:#6b7280;max-width:750px;margin:0 auto;font-size:1.2rem;line-height:1.7}.about-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:60px;display:grid}.about-box{background:#fff;border:1px solid #f3e8ff;border-radius:20px;padding:40px;transition:all .4s;box-shadow:0 10px 40px #7c3aed14}.about-box:hover{border-color:#e9d5ff;transform:translateY(-10px);box-shadow:0 20px 60px #7c3aed26}.about-box h3{color:#7c3aed;margin-bottom:16px;font-size:1.4rem;font-weight:700}.about-box p{color:#4b5563;font-size:1rem;line-height:1.8}.mission-box{color:#fff;text-align:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:24px;padding:40px;font-size:1.2rem;font-weight:600;line-height:1.7;box-shadow:0 15px 50px #7c3aed4d}.services-section{background:linear-gradient(#fff 0%,#faf5ff 100%);padding:120px 24px}.services-container{max-width:1200px;margin:auto}.services-header{text-align:center;margin-bottom:80px}.services-title{color:#581c87;margin-bottom:20px;font-size:3rem;font-weight:800}.services-title span{background:linear-gradient(135deg,#f59e0b,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.services-intro{color:#6b7280;max-width:800px;margin:auto;font-size:1.2rem;line-height:1.8}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.service-card{text-align:center;background:#fff;border:1px solid #f3e8ff;border-radius:20px;padding:40px 32px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 10px 40px #7c3aed14}.service-card:before{content:"";background:linear-gradient(90deg,#7c3aed,#f59e0b);width:100%;height:4px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{transform:translateY(-12px);box-shadow:0 25px 60px #7c3aed2e}.service-icon{filter:drop-shadow(0 4px 8px #f59e0b4d);margin-bottom:24px;font-size:3.5rem;display:block}.service-card h3{color:#7c3aed;margin-bottom:16px;font-size:1.4rem;font-weight:700}.service-card p{color:#6b7280;font-size:1rem;line-height:1.7}.workflow-section{background:linear-gradient(#faf5ff 0%,#fff 100%);padding:120px 24px}.workflow-container{max-width:1200px;margin:auto}.workflow-header{text-align:center;margin-bottom:80px}.workflow-title{color:#581c87;margin-bottom:20px;font-size:3rem;font-weight:800}.workflow-title span{background:linear-gradient(135deg,#f59e0b,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.workflow-intro{color:#6b7280;max-width:750px;margin:auto;font-size:1.2rem;line-height:1.8}.workflow-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid;position:relative}.workflow-card{background:#fff;border:2px solid #f3e8ff;border-radius:20px;padding:40px 32px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 10px 40px #7c3aed14}.workflow-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#7c3aed,#f59e0b);width:100%;height:5px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.workflow-card:hover:before{transform:scaleX(1)}.workflow-card:hover{border-color:#e9d5ff;transform:translateY(-12px);box-shadow:0 25px 60px #7c3aed33}.workflow-step{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:24px;font-size:1.8rem;font-weight:800;display:inline-flex;box-shadow:0 10px 30px #7c3aed66}.workflow-card h3{color:#581c87;margin-bottom:16px;font-size:1.4rem;font-weight:700}.workflow-card p{color:#6b7280;font-size:1rem;line-height:1.8}.outcomes-section{background:linear-gradient(#fff 0%,#faf5ff 100%);padding:120px 24px}.outcomes-container{max-width:1200px;margin:auto}.outcomes-header{text-align:center;margin-bottom:80px}.outcomes-title{color:#581c87;margin-bottom:20px;font-size:3rem;font-weight:800}.outcomes-title span{background:linear-gradient(135deg,#f59e0b,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.outcomes-intro{color:#6b7280;max-width:800px;margin:auto;font-size:1.2rem;line-height:1.8}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-bottom:60px;display:grid}.benefit-card{background:#fff;border:1px solid #f3e8ff;border-radius:16px;align-items:flex-start;gap:16px;padding:28px 32px;transition:all .3s;display:flex;box-shadow:0 8px 30px #7c3aed14}.benefit-card span{color:#f59e0b;flex-shrink:0;font-size:1.5rem;font-weight:900}.benefit-card p{color:#4b5563;font-size:1rem;line-height:1.7}.benefit-card:hover{transform:translateY(-8px);box-shadow:0 15px 45px #7c3aed26}.outcomes-highlight{color:#fff;text-align:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:24px;padding:45px;font-size:1.25rem;font-weight:600;line-height:1.8;box-shadow:0 20px 60px #7c3aed59}.contact-section-section{background:linear-gradient(#faf5ff 0%,#fff 100%);padding:120px 24px}.contact-section-container{text-align:center;max-width:1000px;margin:auto}.contact-section-header{margin-bottom:70px}.contact-section-title{color:#581c87;margin-bottom:20px;font-size:3rem;font-weight:800}.contact-section-title span{background:linear-gradient(135deg,#f59e0b,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.contact-section-intro{color:#6b7280;max-width:700px;margin:auto;font-size:1.2rem;line-height:1.8}.contact-section-card{background:#fff;border:1px solid #f3e8ff;border-radius:24px;flex-wrap:wrap;justify-content:center;gap:80px;margin-bottom:60px;padding:50px;display:flex;box-shadow:0 15px 50px #7c3aed1a}.contact-section-item{text-align:left;align-items:center;gap:20px;display:flex}.contact-section-icon{color:#f59e0b;background:linear-gradient(135deg,#fef3c7,#fed7aa);border-radius:50%;padding:20px;font-size:2.5rem;box-shadow:0 8px 20px #f59e0b33}.contact-section-item h4{color:#7c3aed;margin:0 0 8px;font-size:1.1rem;font-weight:700}.contact-section-item p{color:#4b5563;margin:0;font-size:1rem}.contact-section-highlight{color:#fff;background:linear-gradient(135deg,#f59e0b,#fb923c);border-radius:24px;padding:40px;font-size:1.2rem;font-weight:600;line-height:1.8;box-shadow:0 15px 45px #f59e0b59}.footer{text-align:center;background:#fafafa;border-top:1px solid #e5e7eb;padding:40px 24px}.footer-brand{background:linear-gradient(135deg,#7c3aed,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:1.1rem;font-weight:700}.footer-tagline{color:#6b7280;margin-bottom:8px;font-size:.95rem}.footer-rights{color:#9ca3af;font-size:.85rem}@media (max-width:768px){.nav-links{display:none}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.3rem}.hero-description{font-size:1rem}.about-title,.services-title,.workflow-title,.outcomes-title,.contact-section-title{font-size:2.2rem}.contact-section-card{gap:40px;padding:35px 25px}}