:root{--green-primary: #4caf50;--green-light: #8bc34a;--green-dark: #2e7d32;--green-bg: #e8f5e9;--orange-accent: #bf360c;--orange-hover: #e64a19;--teal-accent: #009688;--text-green: #1b5e20;--text-gray: #636366;--text-orange: #bf360c;--gold-accent: #ffd54f;--gold-light: #ffecb3;--gold-dark: #ffc107;--ui-yellow: #ffc107;--ui-pink: #f472b6;--ui-blue: #60a5fa;--white: #ffffff;--surface-bg: #ffffff;--app-bg: #f5fbf7;--section-mint: linear-gradient(180deg, #f0f9f4 0%, #fafafa 50%, #f5fbf7 100%);--gray-50: #fafafa;--gray-100: #f5f5f7;--gray-200: #e8e8ed;--gray-300: #d1d1d6;--gray-400: #86868b;--gray-500: #6e6e73;--gray-600: #48484a;--gray-700: #1d1d1f;--gray-800: #1d1d1f;--gray-900: #1d1d1f;--font-display: "Fredoka", "Outfit", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--font-body: "Nunito", "Outfit", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--font-heading: var(--font-display);--font-sans: var(--font-body);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--aurora-gradient: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);--aurora-mesh: radial-gradient(at 0% 0%, hsla(110, 80%, 90%, 1) 0px, transparent 50%), radial-gradient(at 100% 0%, hsla(35, 100%, 92%, 1) 0px, transparent 50%), radial-gradient(at 100% 100%, hsla(110, 80%, 90%, 1) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(35, 100%, 92%, 1) 0px, transparent 50%);--text-gradient-premium: linear-gradient( 135deg, var(--green-dark) 0%, var(--green-primary) 50%, var(--green-light) 100% );--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-blur: 12px;--transition-smooth: cubic-bezier(.4, 0, .2, 1);--ease-ios: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--transition-bounce: var(--ease-spring);--container-width: 1200px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--radius-full: 9999px;--header-height: 72px;--safe-top: 0px;--safe-right: 0px;--safe-bottom: 0px;--safe-left: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--section-padding-sm: var(--space-12);--section-padding-md: var(--space-16);--section-padding-lg: var(--space-20);--section-padding-xl: var(--space-24);--card-padding: var(--space-6);--card-padding-lg: var(--space-8);--grid-gap: var(--space-6);--grid-gap-lg: var(--space-8);--content-gap: var(--space-4);--heading-margin: var(--space-8);--card-padding-responsive: clamp(var(--space-4), 2vw, var(--space-6));--section-padding-responsive: clamp(var(--space-8), 4vw, var(--space-12));--font-h1-fluid: clamp(2.5rem, 5vw, 4.5rem);--font-h2-fluid: clamp(1.75rem, 3.5vw, 2.75rem);--font-h3-fluid: clamp(1.25rem, 2vw, 1.75rem);--font-body-fluid: clamp(1rem, 1.1vw, 1.125rem);--space-section-fluid: clamp(3rem, 8vw, 6rem);--padding-card-fluid: clamp(1.25rem, 2.5vw, 2rem);--gap-fluid: clamp(1rem, 2vw, 2rem)}@supports (padding: env(safe-area-inset-top)){:root{--safe-top: env(safe-area-inset-top);--safe-right: env(safe-area-inset-right);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left)}}@supports (padding: constant(safe-area-inset-top)){:root{--safe-top: constant(safe-area-inset-top);--safe-right: constant(safe-area-inset-right);--safe-bottom: constant(safe-area-inset-bottom);--safe-left: constant(safe-area-inset-left)}}@media(max-width:1440px){:root{--container-width: 1200px}}@media(max-width:1280px){:root{--container-width: 1080px}}@media(max-width:1024px){:root{--container-width: 960px;--section-padding-responsive: var(--space-10)}}@media(max-width:834px){:root{--container-width: 100%;--section-padding-responsive: var(--space-8)}}@media(max-width:600px){:root{--card-padding-responsive: var(--space-5);--section-padding-responsive: var(--space-8);--grid-gap: var(--space-4)}}@media(max-width:480px){:root{--card-padding-responsive: var(--space-4);--section-padding-responsive: var(--space-6)}}@media(max-width:390px){:root{--card-padding-responsive: var(--space-3);--section-padding-responsive: var(--space-5);--grid-gap: var(--space-3)}}@media(max-width:360px){:root{--section-padding-responsive: var(--space-4)}}@media(max-width:320px){:root{--card-padding-responsive: var(--space-2);--section-padding-responsive: var(--space-3)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-4));-webkit-font-smoothing:antialiased;overflow-x:hidden}body{font-family:var(--font-body);color:var(--gray-800);background:var(--app-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;isolation:isolate}body:before{content:"";position:fixed;inset:0;background:var(--aurora-mesh);opacity:.22;pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;color:var(--gray-900);letter-spacing:-.01em}p{margin-bottom:1rem}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--orange-accent);outline-offset:2px}.nav-links a:focus-visible,.mobile-nav a:focus-visible,.footer-links a:focus-visible{outline:2px solid var(--green-primary);outline-offset:2px;border-radius:4px}.menu-toggle:focus-visible{outline:2px solid var(--green-primary);outline-offset:4px;border-radius:4px}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--green-dark);color:#fff;padding:12px 24px;border-radius:8px;z-index:9999;transition:top .3s ease}.skip-link:focus{top:12px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.animate-float,.animate-float-delay-1,.animate-float-delay-2{animation:none}}.lazy-section{content-visibility:auto;contain-intrinsic-size:0 500px}