:root{--primary-color: #2D6A4F;--secondary-color: #40916C;--accent-color: #52B788;--light-green: #D8F3DC;--off-white: #F7FFF7;--text-dark: #1B4332;--text-light: #F7FFF7;--input-bg: #fff;--card-bg: #fff;--card-shadow: rgba(0, 0, 0, .05);--nav-bg: rgba(255, 255, 255, .9);--border-color: #eee;--text-muted: #666;--box-bg-green: #f0fdf4;--box-border-green: #dcfce7;--box-text-green: #166534;--box-bg-red: #fff1f2;--box-border-red: #ffe4e6;--box-text-red: #9f1239;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}.dark-mode{--primary-color: #95d5b2;--secondary-color: #74c69d;--accent-color: #52b788;--light-green: #1b4332;--off-white: #081c15;--text-dark: #d8f3dc;--text-light: #081c15;--input-bg: #112d22;--card-bg: #112d22;--card-shadow: rgba(0, 0, 0, .4);--nav-bg: rgba(8, 28, 21, .9);--border-color: #2d6a4f;--text-muted: #9ab3a5;--box-bg-green: #082d1e;--box-border-green: #2d6a4f;--box-text-green: #d8f3dc;--box-bg-red: #441010;--box-border-red: #7c2d2d;--box-text-red: #ffd8d8;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--off-white);color:var(--text-dark);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--primary-color);line-height:1.2}a{text-decoration:none;color:inherit;transition:color .2s}.container{max-width:1200px;margin:0 auto;padding:0 20px}.grid-responsive{display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:640px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}.grid-2-col{display:grid;gap:3rem;grid-template-columns:1fr}@media(min-width:900px){.grid-2-col{grid-template-columns:1fr 1fr;align-items:start}}.grid-thumbnail{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media(min-width:450px){.grid-thumbnail{grid-template-columns:repeat(4,1fr)}}.sticky-desktop{position:relative}@media(min-width:900px){.sticky-desktop{position:sticky;top:100px}}.card-padding{padding:1.5rem}@media(min-width:768px){.card-padding{padding:2.5rem}}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.section-padding{padding:3rem 20px}@media(min-width:768px){.section-padding{padding:4rem 20px}}@media(max-width:600px){h1{font-size:2rem!important}h2{font-size:1.75rem!important}h3{font-size:1.35rem!important}}.btn{display:inline-block;padding:12px 24px;background-color:var(--primary-color);color:var(--text-light);border-radius:30px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #2d6a4f4d}.card{background:var(--card-bg);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px var(--card-shadow);transition:transform .3s ease,background-color .3s ease;height:100%;border:1px solid var(--border-color)}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px var(--card-shadow)}img{max-width:100%;display:block}.nav-content{display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:2rem}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--primary-color)}@media(max-width:768px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fffffff2;flex-direction:column;padding:2rem;gap:1.5rem;text-align:center;box-shadow:0 4px 6px #0000000d}.nav-links.open{display:flex}.mobile-menu-btn{display:block}}.suggestion-item:hover{background-color:var(--light-green)}