:root{
  --leaf:#216C3D; --forest:#143D24; --sage:#E7F1E2; --gold:#E6B800; --clay:#F59D56; --bark:#7C3A1D; --amber:#C99700; --slate:#0F172A;
}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans','Inter',system-ui,-apple-system,sans-serif;color:var(--slate);background:#FAFAF7}
.glass{background:rgba(255,255,255,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hero-bg{background:
  radial-gradient(900px 420px at 85% -5%, #E7F1E2 0%, transparent 60%),
  radial-gradient(640px 360px at -10% 22%, #FBEACD 0%, transparent 55%),
  radial-gradient(500px 300px at 55% 0%, #F7EFC4 0%, transparent 55%),
  linear-gradient(180deg,#F3F7EC 0%,#FFFFFF 72%)}
.card-hover{transition:transform .25s ease, box-shadow .25s ease}
.card-hover:hover{transform:translateY(-6px);box-shadow:0 20px 45px -18px rgba(6,95,70,.35)}
.p-img{font-size:3.4rem;line-height:1;filter:drop-shadow(0 10px 14px rgba(0,0,0,.18))}
.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}
.drawer{transition:transform .32s cubic-bezier(.32,.72,.28,1)}
.modal-bg{background:rgba(15,23,42,.55);backdrop-filter:blur(4px)}
#backTop{transition:opacity .25s ease, transform .25s ease}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
input:focus,select:focus,textarea:focus{outline:2px solid #216C3D44;outline-offset:1px}