:root{--bg-primary:#0a0e0b;--bg-secondary:#141a15;--bg-tertiary:#1b241c;--text-primary:#fff;--text-secondary:#a0ada3;--text-tertiary:#6c7a70;--primary:#1b5e20;--primary-light:#43a047;--primary-glow:#43a04740;--accent:#2e7d32;--border-color:#ffffff14;--border-metallic:linear-gradient(135deg, #ffffff26 0%, #ffffff05 50%, #ffffff1a 100%);--glass-bg:#141a15b3;--glass-border:#ffffff14;--shadow-premium:0 20px 40px #00000080;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", system-ui, -apple-system, sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s cubic-bezier(.16, 1, .3, 1)}body.light-mode{--bg-primary:#f5f8f6;--bg-secondary:#fff;--bg-tertiary:#e8eee9;--text-primary:#121814;--text-secondary:#4a574e;--text-tertiary:#7d8e82;--primary:#1b5e20;--primary-light:#2e7d32;--primary-glow:#2e7d3226;--accent:#43a047;--border-color:#00000014;--border-metallic:linear-gradient(135deg, #00000014 0%, #00000005 50%, #0000000d 100%);--glass-bg:#ffffffd9;--glass-border:#00000014;--shadow-premium:0 20px 40px #00000014}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;transition:background-color .5s,color .5s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.2}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:2px solid var(--bg-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-premium);border-radius:var(--radius-lg);transition:var(--transition-smooth)}.glass-panel:hover{border-color:#43a0474d}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;border-radius:var(--radius-md);font-family:var(--font-heading);cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";opacity:0;background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:200%;height:100%;transition:all .75s;position:absolute;top:0;left:-50%;transform:skew(-25deg)}.btn-primary:hover:after{opacity:1;left:125%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #43a04766}.btn-secondary{color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-heading);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px)}.title-gradient{background:linear-gradient(135deg, #fff 30%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}body.light-mode .title-gradient{background:linear-gradient(135deg,#121814 30%,#3e4d43 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-green{background:linear-gradient(135deg, var(--primary-light) 0%, #a5d6a7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes drawLine{0%{height:0}to{height:100%}}@keyframes pulseGlow{0%{box-shadow:0 0 #43a04766}70%{box-shadow:0 0 0 10px #43a04700}to{box-shadow:0 0 #43a04700}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}section{padding:100px 0;position:relative}.section-title-wrapper{text-align:center;margin-bottom:60px}.section-subtitle{color:var(--primary-light);font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px;font-size:.9rem;font-weight:600;display:block}.section-title{color:var(--text-primary);margin-bottom:16px;font-size:2.8rem}@media (width<=768px){section{padding:60px 0}.section-title{font-size:2.2rem}}.slider-container{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-premium);border:1px solid var(--glass-border);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.slider-image-before,.slider-image-after{width:100%;height:100%;position:absolute;top:0;left:0}.slider-image-before img,.slider-image-after img{object-fit:cover;width:100%;height:100%;display:block}.slider-image-after{overflow:hidden}.slider-handle{cursor:ew-resize;z-index:10;background:#fff;width:4px;position:absolute;top:0;bottom:0;box-shadow:0 0 10px #00000080}.slider-button{background:var(--primary-light);color:#fff;pointer-events:none;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:700;transition:transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0000004d}.slider-handle:hover .slider-button{transform:translate(-50%,-50%)scale(1.1)}.slider-badge{border-radius:var(--radius-sm);font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;font-size:.8rem;font-weight:700;position:absolute;top:20px}.slider-badge.before{color:#fff;background:#0009;border:1px solid #fff3;left:20px}.slider-badge.after{color:#fff;background:#1b5e20cc;border:1px solid #43a04766;right:20px}