:root{--ng-green:#008751;--ng-green-light:#00b368;--ng-green-dark:#004d2e;--ng-green-glow:rgba(0,135,81,0.35);--ng-white:#ffffff;--ng-gold:#f4a261;--ng-gold-light:#ffd599;--bg-primary:#060d16;--bg-secondary:#0c1524;--bg-card:rgba(255,255,255,0.04);--bg-card-hover:rgba(255,255,255,0.07);--bg-glass:rgba(12,21,36,0.75);--text-primary:#f0f4f8;--text-secondary:rgba(240,244,248,0.6);--text-muted:rgba(240,244,248,0.35);--border-subtle:rgba(255,255,255,0.06);--border-green:rgba(0,135,81,0.3);--gradient-green:linear-gradient(135deg,#008751,#00b368 50%,#004d2e);--gradient-gold:linear-gradient(135deg,#f4a261,#e76f51);--gradient-hero:radial-gradient(ellipse at 30% 20%,rgba(0,135,81,0.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(0,179,104,0.08) 0%,transparent 50%);--gradient-card:linear-gradient(135deg,rgba(255,255,255,0.05),rgba(255,255,255,0.01));--shadow-sm:0 2px 8px rgba(0,0,0,0.2);--shadow-md:0 4px 24px rgba(0,0,0,0.3);--shadow-lg:0 8px 48px rgba(0,0,0,0.4);--shadow-green:0 0 30px rgba(0,135,81,0.15);--shadow-glow:0 0 60px rgba(0,135,81,0.2);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--font-heading:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--max-width:1200px;--nav-height:72px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{border:none;background:none;font-family:inherit;color:inherit}input,select,textarea{font-size:inherit;outline:none}ol,ul{list-style:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.15;letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3.5vw,2.5rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}p{color:var(--text-secondary);line-height:1.7}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.glass-card{background:var(--gradient-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-card:hover{border-color:var(--border-green);box-shadow:var(--shadow-green)}.green-glow{box-shadow:var(--shadow-glow)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.badge--green{background:rgba(0,135,81,.15);color:var(--ng-green-light);border:1px solid rgba(0,135,81,.2)}.badge--gold{background:rgba(244,162,97,.15);color:var(--ng-gold);border:1px solid rgba(244,162,97,.2)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--ng-green-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--ng-green)}::selection{background:rgba(0,135,81,.3);color:var(--ng-white)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@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{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(0,135,81,.1)}50%{box-shadow:0 0 40px rgba(0,135,81,.25)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(20px,-30px) scale(1.1);opacity:.5}50%{transform:translate(-10px,-60px) scale(.9);opacity:.4}75%{transform:translate(15px,-40px) scale(1.05);opacity:.35}}@keyframes barGrow{0%{width:0}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.animate-fade-in-down{animation:fadeInDown var(--duration-slow) var(--ease-out) both}.animate-scale-in{animation:scaleIn var(--duration-slow) var(--ease-spring) both}.animate-slide-left{animation:slideInLeft var(--duration-slow) var(--ease-out) both}.animate-slide-right{animation:slideInRight var(--duration-slow) var(--ease-out) both}.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}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}