:root{--gradient-start: #f8fafc;--gradient-mid: #f1f5f9;--gradient-end: #e2e8f0;--accent-glow: rgba(0, 166, 81, .15);--mesh-color-1: rgba(0, 166, 81, .03);--mesh-color-2: rgba(59, 130, 246, .03);--mesh-color-3: rgba(168, 85, 247, .02)}.dark{--gradient-start: #0f172a;--gradient-mid: #1e293b;--gradient-end: #0f172a;--accent-glow: rgba(0, 166, 81, .2);--mesh-color-1: rgba(0, 166, 81, .05);--mesh-color-2: rgba(59, 130, 246, .05);--mesh-color-3: rgba(168, 85, 247, .03)}body{font-family:Inter,sans-serif;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E"),radial-gradient(ellipse at 0% 0%,var(--mesh-color-1) 0%,transparent 50%),radial-gradient(ellipse at 100% 0%,var(--mesh-color-2) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,var(--mesh-color-3) 0%,transparent 50%),linear-gradient(180deg,var(--gradient-start) 0%,var(--gradient-mid) 50%,var(--gradient-end) 100%);background-attachment:fixed;min-height:100vh}@keyframes float-orb-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes float-orb-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,20px) scale(1.05)}66%{transform:translate(30px,-40px) scale(.95)}}.bg-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:-1}.bg-orb-1{width:600px;height:600px;background:var(--mesh-color-1);top:-200px;left:-200px;animation:float-orb-1 20s ease-in-out infinite}.bg-orb-2{width:500px;height:500px;background:var(--mesh-color-2);top:50%;right:-150px;animation:float-orb-2 25s ease-in-out infinite}.bg-orb-3{width:400px;height:400px;background:var(--mesh-color-3);bottom:-100px;left:30%;animation:float-orb-1 30s ease-in-out infinite reverse}.glass-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 30px #0000000d,inset 0 1px #fff9}.dark .glass-card{background:#1e293bb3;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0000004d,inset 0 1px #ffffff0d}.glow-primary{box-shadow:0 0 40px var(--accent-glow)}.gradient-text{background:linear-gradient(135deg,#00a651,#22c55e,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes gradient-rotate{0%{--angle: 0deg}to{--angle: 360deg}}.gradient-border{position:relative;background:#fff;border-radius:16px}.gradient-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;background:linear-gradient(45deg,#00a651,#3b82f6,#a855f7,#00a651);background-size:300% 300%;animation:gradient-shift 4s ease infinite;z-index:-1}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hover-glow-subtle{transition:box-shadow .4s ease,transform .3s ease}.hover-glow-subtle:hover{box-shadow:0 20px 40px -10px #00a65126,0 0 0 1px #00a6511a;transform:translateY(-2px)}.section-gradient{background:linear-gradient(180deg,transparent 0%,rgba(0,166,81,.02) 50%,transparent 100%)}.section-mesh{position:relative}.section-mesh:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,var(--mesh-color-1) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,var(--mesh-color-2) 0%,transparent 50%);pointer-events:none}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fade-in-up .6s ease-out forwards;opacity:0}.animate-fade-in-down{animation:fade-in-down .4s ease-out forwards;opacity:0}.animate-fade-in{animation:fade-in .5s ease-out forwards;opacity:0}.animate-slide-in-left{animation:slide-in-left .5s ease-out forwards;opacity:0}.animate-slide-in-right{animation:slide-in-right .5s ease-out forwards;opacity:0}.animate-scale-in{animation:scale-in .3s ease-out forwards;opacity:0}.animate-bounce-in{animation:bounce-in .6s ease-out forwards;opacity:0}.animate-pulse-soft{animation:pulse-soft 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);background-size:200% 100%;animation:shimmer 1.5s infinite}.animation-delay-50{animation-delay:50ms}.animation-delay-100{animation-delay:.1s}.animation-delay-150{animation-delay:.15s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px #00a6514d}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s ease}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.dark .skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155,#1e293b 75%);background-size:200% 100%}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid #00A651;outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark ::-webkit-scrollbar-thumb{background:#475569}.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.btn-press{transition:transform .15s ease}.btn-press:active{transform:scale(.97)}.img-zoom{overflow:hidden}.img-zoom img{transition:transform .5s ease}.img-zoom:hover img{transform:scale(1.1)}.stagger-children>*{opacity:0;animation:fade-in-up .5s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.2s}.stagger-children>*:nth-child(4){animation-delay:.3s}.stagger-children>*:nth-child(5){animation-delay:.4s}.stagger-children>*:nth-child(6){animation-delay:.5s}.stagger-children>*:nth-child(7){animation-delay:.6s}.stagger-children>*:nth-child(8){animation-delay:.7s}.stagger-children>*:nth-child(9){animation-delay:.8s}.stagger-children>*:nth-child(10){animation-delay:.9s}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity 1s}.ripple:active:after{transform:scale(0);opacity:.3;transition:0s}
