*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}:root{--color-earth-green: #1B5E20;--color-earth-green-light: #2E7D32;--color-ocean-blue: #0D47A1;--color-ocean-blue-light: #1565C0;--color-sun-gold: #F9A825;--color-sun-gold-light: #FBC02D;--color-soil-brown: #5D4037;--color-coral: #FF6B6B;--color-teal: #00BFA5;--color-white: #ffffff;--color-gray-50: #f8faf5;--color-gray-100: #f0f4e8;--color-gray-200: #e0e6d6;--color-gray-300: #c5cdb8;--color-gray-500: #6b7c5c;--color-gray-700: #3a4a2e;--color-gray-900: #1a2410;--bg-primary: #0a1628;--bg-secondary: #0f1f3a;--bg-card: rgba(15, 31, 58, .7);--bg-card-hover: rgba(25, 45, 80, .85);--bg-surface: #f8faf5;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .75);--text-muted: rgba(255, 255, 255, .5);--text-dark: #1a2410;--text-dark-secondary: #3a4a2e;--gradient-hero: linear-gradient(135deg, #0a1628 0%, #1B5E20 50%, #0D47A1 100%);--gradient-earth: linear-gradient(135deg, #1B5E20, #2E7D32, #00BFA5);--gradient-sun: linear-gradient(135deg, #F9A825, #FF6B6B);--gradient-ocean: linear-gradient(135deg, #0D47A1, #00BFA5);--gradient-card: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.02));--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--fs-hero: clamp(2.5rem, 6vw, 5rem);--fs-h1: clamp(2rem, 4vw, 3.5rem);--fs-h2: clamp(1.5rem, 3vw, 2.5rem);--fs-h3: clamp(1.2rem, 2vw, 1.75rem);--fs-body: 1rem;--fs-small: .875rem;--fs-tiny: .75rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 8rem;--max-width: 1200px;--nav-height: 72px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.15);--shadow-md: 0 4px 24px rgba(0,0,0,.2);--shadow-lg: 0 8px 48px rgba(0,0,0,.3);--shadow-glow-green: 0 0 30px rgba(27,94,32,.3);--shadow-glow-gold: 0 0 30px rgba(249,168,37,.3);--glass-bg: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(20px);--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1)}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:1.7;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--color-sun-gold);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-sun-gold-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{margin-bottom:var(--space-sm);color:var(--text-secondary)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0;position:relative}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-header h2{margin-bottom:var(--space-sm);background:var(--gradient-earth);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{max-width:640px;margin:0 auto;font-size:1.1rem}.section--alt{background:var(--bg-secondary)}.text-gradient-earth{background:var(--gradient-earth);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-sun{background:var(--gradient-sun);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-base)}.glass-card:hover{background:var(--bg-card-hover);border-color:#ffffff26;transform:translateY(-4px);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.8rem 2rem;border:none;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--fs-body);font-weight:600;cursor:pointer;transition:all var(--transition-spring);text-decoration:none;letter-spacing:.02em}.btn--primary{background:var(--gradient-sun);color:var(--bg-primary);box-shadow:var(--shadow-glow-gold)}.btn--primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 40px #f9a82580;color:var(--bg-primary)}.btn--secondary{background:transparent;color:var(--text-primary);border:2px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn--secondary:hover{border-color:var(--color-sun-gold);color:var(--color-sun-gold);transform:translateY(-2px)}.btn--green{background:var(--gradient-earth);color:var(--color-white);box-shadow:var(--shadow-glow-green)}.btn--green:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 40px #1b5e2080;color:var(--color-white)}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:1000;display:flex;align-items:center;padding:0 var(--space-md);transition:all var(--transition-base)}.navbar--scrolled{background:#0a1628eb;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--max-width);margin:0 auto}.navbar__logo{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-heading);font-weight:800;font-size:1.2rem;color:var(--text-primary);text-decoration:none}.navbar__logo-icon{width:36px;height:36px;border-radius:50%;background:var(--gradient-earth);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.navbar__links{display:flex;align-items:center;gap:var(--space-sm);list-style:none}.navbar__links a{color:var(--text-secondary);font-size:var(--fs-small);font-weight:500;padding:.4rem .8rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap}.navbar__links a:hover,.navbar__links a.active{color:var(--text-primary);background:#ffffff14}.navbar__right{display:flex;align-items:center;gap:var(--space-sm)}.lang-switcher{display:flex;gap:2px;background:#ffffff0f;border-radius:var(--radius-full);padding:3px}.lang-switcher button{padding:.3rem .7rem;border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:var(--fs-tiny);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase}.lang-switcher button:hover{color:var(--text-primary)}.lang-switcher button.active{background:var(--gradient-earth);color:var(--color-white)}.navbar__hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none}.navbar__hamburger span{width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-base)}.mobile-menu{display:none;position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background:#0a1628fa;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:999;padding:var(--space-lg);overflow-y:auto}.mobile-menu.open{display:flex;flex-direction:column;gap:var(--space-sm);animation:fadeInDown .3s ease}.mobile-menu a{display:block;padding:var(--space-sm) var(--space-md);color:var(--text-secondary);font-size:1.1rem;font-weight:500;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.mobile-menu a:hover,.mobile-menu a.active{background:#ffffff14;color:var(--text-primary)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:var(--nav-height)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-hero);z-index:-2}.hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(27,94,32,.2) 0%,transparent 60%),radial-gradient(circle at 70% 30%,rgba(13,71,161,.15) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(249,168,37,.08) 0%,transparent 40%)}.hero__particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.hero__particle{position:absolute;width:4px;height:4px;background:#ffffff26;border-radius:50%;animation:float-particle linear infinite}@keyframes float-particle{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh) rotate(720deg);opacity:0}}.hero__content{text-align:center;max-width:900px;margin:0 auto;padding:var(--space-xl) var(--space-md)}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.5rem 1.2rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);font-size:var(--fs-small);color:var(--color-sun-gold);font-weight:500;margin-bottom:var(--space-lg);animation:fadeInUp .6s ease .2s both}.hero__title{font-size:var(--fs-hero);font-weight:900;line-height:1.05;margin-bottom:var(--space-md);animation:fadeInUp .6s ease .4s both}.hero__title span{background:var(--gradient-sun);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:680px;margin:0 auto var(--space-lg);animation:fadeInUp .6s ease .6s both}.hero__cta-group{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;animation:fadeInUp .6s ease .8s both}.hero__scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:var(--fs-tiny);animation:bounce 2s infinite}.hero__scroll-indicator .arrow{width:24px;height:24px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-top:calc(-1 * var(--space-2xl));position:relative;z-index:10}.stat-card{text-align:center;padding:var(--space-lg)}.stat-card__icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-sm);font-size:1.5rem}.stat-card__icon--green{background:#1b5e2033}.stat-card__icon--blue{background:#0d47a133}.stat-card__icon--gold{background:#f9a82533}.stat-card__number{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;margin-bottom:var(--space-xs)}.stat-card__label{color:var(--text-secondary);font-size:var(--fs-small)}.icon-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.icon-card__icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-sm);font-size:1.3rem;background:#1b5e2026}.icon-card h3{font-size:1.15rem;margin-bottom:var(--space-xs);color:var(--text-primary)}.icon-card p{font-size:var(--fs-small);line-height:1.6}.tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);flex-wrap:wrap;justify-content:center}.tab-btn{padding:.6rem 1.4rem;border:1px solid var(--glass-border);border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--fs-small);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover{border-color:var(--color-earth-green);color:var(--text-primary)}.tab-btn.active{background:var(--gradient-earth);border-color:transparent;color:var(--color-white)}.tab-content{display:none;animation:fadeIn .4s ease}.tab-content.active{display:block}.timeline{position:relative;padding-left:40px}.timeline:before{content:"";position:absolute;left:16px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-earth-green),var(--color-ocean-blue),var(--color-sun-gold))}.timeline__item{position:relative;margin-bottom:var(--space-lg);padding-left:var(--space-md)}.timeline__dot{position:absolute;left:-32px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--gradient-earth);border:3px solid var(--bg-primary);box-shadow:0 0 12px #1b5e2066}.timeline__era{font-family:var(--font-heading);font-size:var(--fs-tiny);font-weight:600;color:var(--color-sun-gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.timeline__title{font-size:var(--fs-h3);margin-bottom:var(--space-xs);color:var(--text-primary)}.timeline__desc{color:var(--text-secondary);font-size:var(--fs-small);line-height:1.7}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--glass-border)}.comparison-table th{font-family:var(--font-heading);font-weight:600;padding:var(--space-sm) var(--space-md);text-align:left}.comparison-table th:first-child{background:#ff45451a;color:var(--color-coral)}.comparison-table th:last-child{background:#1b5e2026;color:var(--color-teal)}.comparison-table td{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--glass-border);color:var(--text-secondary);font-size:var(--fs-small)}.comparison-table tr:hover td{background:#ffffff08}.cycle-diagram{max-width:700px;margin:0 auto var(--space-xl)}.cycle-diagram svg{width:100%;height:auto}.cycle-node{cursor:pointer;transition:all var(--transition-fast)}.cycle-node:hover{filter:brightness(1.2);transform:scale(1.05)}.cycle-tooltip{position:absolute;background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--space-sm);max-width:280px;font-size:var(--fs-small);color:var(--text-secondary);box-shadow:var(--shadow-lg);z-index:100;pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.cycle-tooltip.visible{opacity:1}.article-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-md)}.article-card__image{height:200px;border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden;position:relative}.article-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.article-card:hover .article-card__image img{transform:scale(1.05)}.article-card__body{padding:var(--space-md)}.article-card__tag{display:inline-block;padding:.2rem .8rem;border-radius:var(--radius-full);font-size:var(--fs-tiny);font-weight:600;margin-bottom:var(--space-xs)}.article-card__tag--policy{background:#0d47a133;color:var(--color-ocean-blue-light)}.article-card__tag--innovation{background:#f9a82533;color:var(--color-sun-gold)}.article-card__tag--field{background:#1b5e2033;color:var(--color-earth-green-light)}.article-card h3{font-size:1.1rem;margin-bottom:var(--space-xs);color:var(--text-primary)}.form-group{margin-bottom:var(--space-sm)}.form-group label{display:block;font-size:var(--fs-small);font-weight:500;margin-bottom:.3rem;color:var(--text-secondary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-body);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-earth-green);box-shadow:0 0 0 3px #1b5e2033}.footer{border-top:1px solid var(--glass-border);padding:var(--space-xl) 0 var(--space-lg);background:var(--bg-primary)}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.footer__brand{max-width:300px}.footer__brand h4{font-size:1.2rem;margin-bottom:var(--space-sm);color:var(--text-primary)}.footer__brand p{font-size:var(--fs-small)}.footer__col h5{font-size:var(--fs-small);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.08em}.footer__col ul{list-style:none}.footer__col li{margin-bottom:var(--space-xs)}.footer__col a{color:var(--text-muted);font-size:var(--fs-small);transition:color var(--transition-fast)}.footer__col a:hover{color:var(--color-sun-gold)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-md);border-top:1px solid var(--glass-border);font-size:var(--fs-tiny);color:var(--text-muted)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .7s ease,transform .7s ease}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .7s ease,transform .7s ease}.reveal-right.visible{opacity:1;transform:translate(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.world-map{position:relative;background:#ffffff08;border-radius:var(--radius-md);padding:var(--space-lg);overflow:hidden}.world-map svg{width:100%;height:auto;opacity:.7}.map-pin{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--color-sun-gold);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 0 8px #f9a82580}.map-pin:hover{transform:scale(1.5);box-shadow:0 0 16px #f9a825cc}.map-pin:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(249,168,37,.3);animation:pulse 2s infinite}.glossary-item{border-bottom:1px solid var(--glass-border);padding:var(--space-sm) 0}.glossary-item__term{font-family:var(--font-heading);font-weight:600;color:var(--color-sun-gold);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.glossary-item__def{max-height:0;overflow:hidden;transition:max-height var(--transition-base);color:var(--text-secondary);font-size:var(--fs-small);line-height:1.6}.glossary-item.open .glossary-item__def{max-height:200px;padding-top:var(--space-xs)}@media(max-width:1024px){.footer__grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.navbar__links{display:none}.navbar__hamburger{display:flex}.hero__title{font-size:clamp(2rem,8vw,3rem)}.stats{grid-template-columns:1fr;margin-top:var(--space-md)}.footer__grid{grid-template-columns:1fr}.footer__bottom{flex-direction:column;gap:var(--space-sm);text-align:center}.comparison-table{font-size:var(--fs-small)}.comparison-table th,.comparison-table td{padding:var(--space-xs) var(--space-sm)}.icon-cards,.article-cards{grid-template-columns:1fr}.hero__cta-group{flex-direction:column;align-items:center}}@media(max-width:480px){:root{--space-3xl: 4rem;--space-2xl: 3rem;--space-xl: 2rem}.tabs{gap:4px}.tab-btn{padding:.4rem 1rem;font-size:var(--fs-tiny)}}