:root{--ecom-primary:#10b981;--ecom-primary-dark:#059669;--ecom-primary-light:#6ee7b7;--ecom-secondary:#ec4899;--ecom-secondary-dark:#be185d;--ecom-secondary-light:#f472b6;--ecom-accent:#14b8a6;--ecom-accent-dark:#0d9488;--ecom-accent-light:#2dd4bf;--ecom-gradient-1:linear-gradient(135deg,#10b981,#059669);--ecom-gradient-2:linear-gradient(135deg,#14b8a6,#10b981);--ecom-gradient-3:linear-gradient(135deg,#10b981,#ec4899);--ecom-dark:#1f2937;--ecom-light:#f9fafb;--ecom-border:#e5e7eb;--ecom-success:#10b981;--ecom-warning:#f59e0b;--ecom-danger:#ef4444;--ecom-shadow:0 10px 30px rgba(16,185,129,0.1);--ecom-shadow-lg:0 20px 50px rgba(16,185,129,0.15)}.ecom-section{position:relative;padding:4rem 0;transition:all .3s ease}.ecom-section-dark{background-color:var(--ecom-dark);color:white}.ecom-section-light{background-color:var(--ecom-light);color:var(--ecom-dark)}.ecom-section-gradient{background:var(--ecom-gradient-1);color:white}.ecom-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);position:relative;overflow:hidden}.ecom-hero:before{top:-50%;right:-50%;width:500px;height:500px;background:var(--ecom-gradient-1);animation:float 6s ease-in-out infinite}.ecom-hero:after,.ecom-hero:before{content:"";position:absolute;border-radius:50%;opacity:.1}.ecom-hero:after{bottom:-50%;left:-50%;width:400px;height:400px;background:var(--ecom-gradient-2);animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(30px)}}.ecom-heading-lg{font-size:3.5rem;font-weight:800;line-height:1.2;background:var(--ecom-gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem}.ecom-heading-md{font-size:2rem;font-weight:700;color:var(--ecom-dark);margin-bottom:1rem}.ecom-heading-sm{font-size:1.5rem;font-weight:600;color:var(--ecom-dark);margin-bottom:.75rem}.ecom-subheading{font-size:1rem;color:#6b7280;line-height:1.6;margin-bottom:1.5rem}.ecom-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;cursor:pointer;text-decoration:none;border:none}.ecom-btn-primary{background:var(--ecom-primary);color:white;box-shadow:0 4px 15px rgba(16,185,129,.3)}.ecom-btn-primary:hover{background:var(--ecom-primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,.4)}.ecom-btn-secondary{background:var(--ecom-secondary);color:white;box-shadow:0 4px 15px rgba(236,72,153,.3)}.ecom-btn-secondary:hover{background:var(--ecom-secondary-dark);transform:translateY(-2px);box-shadow:0 8px 25px rgba(236,72,153,.4)}.ecom-btn-outline{background:transparent;color:var(--ecom-primary);border:2px solid var(--ecom-primary)}.ecom-btn-outline:hover{background:var(--ecom-primary);color:white;transform:translateY(-2px)}.ecom-card{background:white;border-radius:.75rem;padding:1.5rem;border:1px solid var(--ecom-border);transition:all .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.ecom-card:hover{box-shadow:var(--ecom-shadow);transform:translateY(-5px);border-color:var(--ecom-primary)}.ecom-card-gradient{background:var(--ecom-gradient-1);color:white;border:none}.ecom-card-accent{background:var(--ecom-gradient-2);color:white;border:none}.ecom-feature-item{display:flex;gap:1rem;padding:1.5rem;border-radius:.5rem;transition:all .3s ease}.ecom-feature-item:hover{background-color:var(--ecom-light);transform:translateX(8px)}.ecom-feature-icon{width:48px;height:48px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.ecom-feature-icon-primary{background:rgba(16,185,129,.1);color:var(--ecom-primary)}.ecom-feature-icon-secondary{background:rgba(236,72,153,.1);color:var(--ecom-secondary)}.ecom-feature-icon-accent{background:rgba(20,184,166,.1);color:var(--ecom-accent)}.ecom-feature-content h3{font-weight:600;color:var(--ecom-dark);margin-bottom:.5rem}.ecom-feature-content p{font-size:.875rem;color:#6b7280}.ecom-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;transition:all .3s ease}.ecom-badge-primary{background:rgba(16,185,129,.1);color:var(--ecom-primary)}.ecom-badge-secondary{background:rgba(236,72,153,.1);color:var(--ecom-secondary)}.ecom-badge-accent{background:rgba(20,184,166,.1);color:var(--ecom-accent)}.ecom-badge-success{background:rgba(16,185,129,.1);color:var(--ecom-success)}.ecom-divider{height:1px;background:linear-gradient(90deg,transparent,var(--ecom-border),transparent);margin:2rem 0}.ecom-text-gradient{background:var(--ecom-gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ecom-text-gradient-2{background:var(--ecom-gradient-2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.7)}50%{box-shadow:0 0 0 10px rgba(16,185,129,0)}}.ecom-animate-slide-up{animation:slideInUp .6s ease-out}.ecom-animate-slide-left{animation:slideInLeft .6s ease-out}.ecom-animate-slide-right{animation:slideInRight .6s ease-out}.ecom-animate-pulse-glow{animation:pulse-glow 2s infinite}@media (max-width:768px){.ecom-heading-lg{font-size:2rem}.ecom-heading-md{font-size:1.5rem}.ecom-section{padding:2rem 0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--ecom-light)}::-webkit-scrollbar-thumb{background:var(--ecom-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ecom-primary-dark)}