:root{--color-primary-50:#f0fdf4;--color-primary-100:#dcfce7;--color-primary-200:#bbf7d0;--color-primary-300:#86efac;--color-primary-400:#4ade80;--color-primary-500:#22c55e;--color-primary-600:#16a34a;--color-primary-700:#15803d;--color-primary-800:#166534;--color-primary-900:#14532d;--welcome-gradient-primary:linear-gradient(135deg,#065f46,#10b981 50%,#34d399);--welcome-gradient-secondary:linear-gradient(135deg,#fbbf24,#f59e0b 50%,#d97706);--welcome-text-gradient:linear-gradient(135deg,#065f46,#10b981,#34d399);--glass-bg:hsla(0,0%,100%,.1);--glass-border:hsla(0,0%,100%,.1);--glass-backdrop:blur(10px);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--transition-fast:.15s ease-out;--transition-normal:.3s ease-out;--transition-slow:.5s ease-out;--transition-bounce:.3s cubic-bezier(.4,0,.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-primary-50);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700))}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.scroll-fade-in,.scroll-scale-in,.scroll-slide-left,.scroll-slide-up{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.scroll-fade-in.animate-in{opacity:1;transform:translateY(0)}.scroll-slide-up{transform:translateY(50px)}.scroll-slide-up.animate-in{opacity:1;transform:translateY(0)}.scroll-slide-left{transform:translate(50px)}.scroll-slide-left.animate-in{opacity:1;transform:translate(0)}.scroll-scale-in{transform:scale(.8)}.scroll-scale-in.animate-in{opacity:1;transform:scale(1)}.scroll-delay-100{transition-delay:.1s}.scroll-delay-200{transition-delay:.2s}.scroll-delay-300{transition-delay:.3s}.floating-animation{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0;transform:translateY(30px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite alternate}@keyframes pulseGlow{0%{box-shadow:0 0 20px #10b98166}to{box-shadow:0 0 40px #10b981cc}}canvas{transition:opacity .3s ease-in-out}.card-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid hsla(0,0%,100%,.2);box-shadow:var(--shadow-lg);transition:var(--transition-bounce)}.card-modern:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.btn-modern{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border:none;border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:var(--transition-normal)}.btn-modern:hover{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.btn-modern:active{transform:translateY(0)}.section-divider{background:linear-gradient(90deg,transparent,rgba(16,185,129,.3),transparent);height:1px;margin:3rem 0}.komoditas-tab{overflow:hidden;position:relative;transition:var(--transition-bounce)}.komoditas-tab:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.komoditas-tab:hover:before{left:100%}.komoditas-tab:active{transform:scale(.97)}@keyframes pulse-tab{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.komoditas-tab.bg-green-600{animation:pulse-tab 2s infinite}@keyframes chartFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#chart-komoditas{animation:chartFadeIn .5s ease-out}#monthFilter{transition:var(--transition-fast)}#monthFilter:hover{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #10b9811a}#monthFilter:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #10b98133;outline:none}img.lazy{background:#f3f4f6;opacity:0;transition:opacity .3s ease-in-out}img.lazy.loaded{opacity:1}img{display:block;height:auto;max-width:100%}.bg-brown-100{background-color:#fdf2f8}.text-brown-700{color:#8b4513}.glass-morphism{-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);background:var(--glass-bg);border:1px solid var(--glass-border)}.text-gradient{background:var(--welcome-text-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}