:root{--forest: #2E7D32;--emerald: #00C853;--sky: #29B6F6;--earth: #6D4C41;--forest-light: #4CAF50;--emerald-dark: #00A844;--sky-dark: #0288D1}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden;transition:background-color .5s ease,color .5s ease}body.dark{background:#0a0f0a;color:#e8f0e8}body.light{background:#f8faf8;color:#1a2e1a}@keyframes gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00c8534d}50%{box-shadow:0 0 40px #00c85399}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes leafFall{0%{transform:translateY(-10vh) rotate(0) translate(0);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(110vh) rotate(720deg) translate(50px);opacity:0}}@keyframes birdFly{0%{transform:translate(-5vw) translateY(0)}25%{transform:translate(25vw) translateY(-3vh)}50%{transform:translate(50vw) translateY(2vh)}75%{transform:translate(75vw) translateY(-2vh)}to{transform:translate(105vw) translateY(0)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes progressFill{0%{width:0}}.animate-fade-in-up{animation:fadeInUp .8s ease forwards}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-scale-in{animation:scaleIn .5s ease forwards}.animate-slide-left{animation:slideInLeft .8s ease forwards}.animate-slide-right{animation:slideInRight .8s ease forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.delay-1000{animation-delay:1s}.delay-1200{animation-delay:1.2s}.hidden-until-visible{opacity:0}.visible{opacity:1}.glass{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.dark .glass{background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.light .glass{background:#ffffffb3;border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 32px #0000000f}.dark .neu{background:linear-gradient(145deg,#ffffff0a,#ffffff03);box-shadow:8px 8px 16px #0006,-8px -8px 16px #ffffff08;border:1px solid rgba(255,255,255,.04)}.light .neu{background:linear-gradient(145deg,#fff,#e6e6e6);box-shadow:8px 8px 16px #0000000f,-8px -8px 16px #fffc;border:1px solid rgba(255,255,255,.5)}.gradient-text{background:linear-gradient(135deg,#00c853,#29b6f6,#2e7d32);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient 4s ease infinite}.gradient-bg{background:linear-gradient(135deg,#2e7d32,#00c853,#29b6f6);background-size:200% 200%;animation:gradient 6s ease infinite}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border-radius:9999px;font-weight:600;font-size:.95rem;color:#fff;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary:hover{transform:scale(1.05);box-shadow:0 20px 40px #00c8534d}.btn-primary:active{transform:scale(.95)}.btn-primary .shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s ease infinite}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border-radius:9999px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:none}.dark .btn-secondary{background:#ffffff1a;color:#fff}.light .btn-secondary{background:#0000000d;color:#1a2e1a}.btn-secondary:hover{transform:scale(1.05)}.dark .btn-secondary:hover{background:#ffffff26}.light .btn-secondary:hover{background:#00000014}.section{padding:5rem 1rem;position:relative}@media(min-width:640px){.section{padding:6rem 1.5rem}}@media(min-width:1024px){.section{padding:8rem 2rem}}.container{max-width:1280px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-badge{display:inline-block;padding:.375rem 1rem;border-radius:9999px;font-size:.85rem;font-weight:500;margin-bottom:1rem}.section-title{font-family:Playfair Display,Georgia,serif;font-size:2rem;font-weight:700;margin-bottom:1rem;line-height:1.2}@media(min-width:640px){.section-title{font-size:2.5rem}}@media(min-width:1024px){.section-title{font-size:3rem}}.section-subtitle{font-size:1rem;max-width:640px;margin:0 auto;line-height:1.7}.dark .section-subtitle{color:#ffffff80}.light .section-subtitle{color:#00000080}.card{border-radius:1rem;padding:1.5rem;transition:all .4s ease;cursor:pointer}.card:hover{transform:translateY(-8px)}.dark .card.glass:hover{background:#ffffff1a}.light .card.glass:hover{box-shadow:0 20px 40px #0000001a}.grid-2,.grid-3{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(min-width:640px){.grid-2,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.progress-bar{height:.75rem;border-radius:9999px;overflow:hidden;position:relative}.dark .progress-bar{background:#ffffff14}.light .progress-bar{background:#e5e7eb}.progress-fill{height:100%;border-radius:9999px;animation:progressFill 1.5s ease forwards}.masonry{columns:2;column-gap:1rem}@media(min-width:640px){.masonry{columns:3}}@media(min-width:1024px){.masonry{columns:4}}.masonry-item{break-inside:avoid;margin-bottom:1rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2e7d3266;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2e7d3299}.leaf-particle{position:fixed;pointer-events:none;z-index:40;opacity:.4;animation:leafFall linear infinite}.bird{position:absolute;pointer-events:none;opacity:.3;animation:birdFly linear infinite}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.7rem;font-weight:600}.badge-dot{width:.375rem;height:.375rem;border-radius:50%}.dark .chart-tooltip{background:#000000e6;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.5rem .75rem;font-size:.8rem}.light .chart-tooltip{background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;padding:.5rem .75rem;font-size:.8rem;box-shadow:0 4px 12px #0000001a}.input{width:100%;padding:.75rem 1rem;border-radius:.75rem;font-size:.95rem;outline:none;transition:all .3s ease}.dark .input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.light .input{background:#fff;border:1px solid #e5e7eb;color:#1a2e1a}.input:focus{border-color:var(--emerald)}.input-pill{border-radius:9999px;padding-left:1.25rem}.ping-container{position:relative}.ping{position:absolute;top:-.75rem;right:-.75rem;bottom:-.75rem;left:-.75rem}.ping-ring{width:100%;height:100%;border-radius:50%;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}.dot{border-radius:9999px;transition:all .3s ease;cursor:pointer;border:none}.dot-active{width:2rem;height:.5rem}.dot-inactive{width:.5rem;height:.5rem}.dark .dot-inactive{background:#ffffff4d}.light .dot-inactive{background:#0003}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease}.dark .lightbox-overlay{background:#000000d9}.light .lightbox-overlay{background:#0009}.lightbox-content{max-width:28rem;width:100%;border-radius:1.5rem;overflow:hidden;animation:scaleIn .3s ease}.dark .lightbox-content{background:#111}.light .lightbox-content{background:#fff}.floating-leaves-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;overflow:hidden}.floating-leaf{position:absolute;transition:transform .8s ease-out;opacity:.25}.scroll-top-btn{position:fixed;bottom:1.5rem;right:1.5rem;z-index:50;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;color:#fff;transition:all .3s ease;animation:fadeIn .3s ease}.scroll-top-btn:hover{transform:scale(1.1) translateY(-2px)}@media(max-width:639px){.hide-mobile{display:none!important}}@media(min-width:640px){.show-mobile-only{display:none!important}}
