:root {
    --forest-prime: #2ecc71;
    --forest-bg: #f4f7f6;
    --forest-card: #ffffff;
    --forest-border: #e1e8e5;
    --forest-text: #2c3e50;
    --forest-muted: #95a5a6;
}
body { margin: 0; background: var(--forest-bg); color: var(--forest-text); font-family: 'Inter', -apple-system, sans-serif; -webkit-font-smoothing: antialiased; }
.f-header { position: fixed; top: 0; width: 100%; height: 70px; background: rgba(255,255,255,0.9); backdrop-filter: blur(20px); z-index: 2000; border-bottom: 1px solid var(--forest-border); }
.f-inner { max-width: 1200px; margin: 0 auto; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; }
.f-nav { display: flex; gap: 40px; }
.f-nav a { color: var(--forest-muted); text-decoration: none; font-weight: 700; font-size: 14px; transition: 0.3s; padding: 10px 0; }
.f-nav a:hover, .f-nav a.active { color: var(--forest-text); border-bottom: 2px solid var(--forest-prime); }
.f-btn { background: var(--forest-prime); color: #fff; padding: 10px 25px; border-radius: 30px; text-decoration: none; font-weight: 800; font-size: 12px; transition: 0.3s; border: none; cursor: pointer; box-shadow: 0 4px 10px rgba(46,204,113,0.3); }
.f-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 15px rgba(46,204,113,0.5); }