:root{--lime:#dfff72;--mint:#79e7b2;--teal:#31d4bd;--ink:#111827;--muted:#64716d}
body{font-family:"Google Sans Flex",Arial,sans-serif;color:var(--ink)}
.gradient-text{background:linear-gradient(100deg,#9de879,#12c9b2);-webkit-background-clip:text;background-clip:text;color:transparent}
.gradient-bg{background:linear-gradient(115deg,var(--lime),var(--mint) 55%,var(--teal))}
.glass{background:rgba(255,255,255,.78);backdrop-filter:blur(14px)}
.shadow-soft{box-shadow:0 20px 60px rgba(17,91,75,.12)}
.hero-blob{background:linear-gradient(145deg,#efffa7,#a6efad 48%,#4ed8c1)}
.section-grid{background-image:radial-gradient(rgba(32,190,162,.12) 1px,transparent 1px);background-size:24px 24px}
@media(max-width:767px){.mobile-menu{display:none}.mobile-menu.open{display:flex}}