@layer base{:root{--td-green: #54b948;--td-dark-green: #169416;--td-light-green: rgba(187, 223, 182, .5);--td-bg-light: #ddefdb;--td-subtle-green: #d5e9d2;--td-text-main: #000000;--td-text-muted: #757575;--td-text-light: #9ca3af;--font-lora: "Lora", "Frank Ruhl Libre", serif;--font-frank-ruhl: "Frank Ruhl Libre", serif;--font-cursive: "Caveat", cursive;--font-inter: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Inter", sans-serif;--font-quicksand: "IBM Plex Sans", "Quicksand", sans-serif;--font-montserrat: "IBM Plex Sans", "Montserrat", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-inter);color:var(--td-text-main);background-color:#fff}body{overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;font-family:var(--font-inter)}img{image-rendering:-webkit-optimize-contrast;image-rendering:auto}}.font-serif{font-family:var(--font-lora)}.font-sans,.font-quicksand,.font-montserrat{font-family:var(--font-inter)}.heading-accent-bar{width:9px;height:56px;background:linear-gradient(90deg,#54b948,#69be5f66 90.55%);border:.5px solid #169416;border-radius:8px 0 0 8px/8px 0px 0px 8px;flex-shrink:0}.meta-accent-bar{width:7px;height:38px;background:linear-gradient(90deg,#54b948,#69be5f66 90.55%);border:.5px solid #169416;border-radius:4px 0 0 4px/4px 0px 0px 4px;flex-shrink:0}.section-heading-wrapper{display:flex;flex-direction:row;align-items:stretch;gap:10px;margin-bottom:18px}.section-text-col{display:flex;flex-direction:column;justify-content:space-between}.section-tag-text{font-family:var(--font-inter);font-size:13px;color:#169416;opacity:.85;font-weight:500;line-height:16px;text-transform:uppercase;letter-spacing:1px}.section-main-heading{font-family:var(--font-lora)!important;font-size:30px!important;font-weight:400!important;color:#000!important;line-height:36px!important;margin:0!important}.nav-btn{background:transparent;border:none;font-family:var(--font-quicksand);font-size:14px;font-weight:500;padding:5px 12px;border-radius:20px;cursor:pointer;transition:all .2s ease;position:relative;display:inline-flex;align-items:center;justify-content:center}.nav-btn:hover{background:#fff3;transform:translateY(-1px)}.nav-btn:active{transform:translateY(0);background:#ffffff4d}.nav-btn.dark-nav{color:#1c1c1c}.nav-btn.dark-nav:hover{background:#0000000f}.nav-btn.dark-nav:active{background:#0000001a}.nav-btn.active{font-weight:700;background:#ffffff40}.nav-btn.dark-nav.active{background:#00000014}.page-wrapper{min-height:100vh;width:100%;background:#fff;display:flex;flex-direction:column}.hero-banner{width:100%;background-color:var(--td-green);color:#fff;position:relative}.hero-content-container{width:62%;max-width:1050px;margin:0 auto;padding:24px 0 52px}@media (max-width: 1200px){.hero-content-container{width:75%}}@media (max-width: 768px){.hero-content-container{width:90%}}.main-content-layout{width:62%;max-width:1050px;margin:0 auto;padding:36px 0 60px;display:grid;grid-template-columns:140px minmax(0,1fr);gap:36px;position:relative}@media (max-width: 1200px){.main-content-layout{width:75%}}@media (max-width: 1024px){.main-content-layout{grid-template-columns:1fr;width:90%;padding:24px 0}}.sticky-sidebar{position:sticky;top:36px;height:fit-content;display:flex;flex-direction:column;gap:16px}@media (max-width: 1024px){.sticky-sidebar{position:relative;top:0;flex-direction:row;overflow-x:auto;padding-bottom:12px;border-bottom:1px solid #f3f4f6}}.green-card{background-color:#bbdfb680;border-radius:10px;padding:24px 18px}.soft-green-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:#d5e9d2;filter:blur(40px);border-radius:24px;z-index:0;opacity:.85}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:20px;max-width:1080px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 25px 60px -12px #00000073;position:relative;display:flex;flex-direction:column;margin:auto}
