:root{--brand-charcoal:#212121;--brand-olive:#7da22a;--brand-copper:#9b5e38;--brand-blue:#228cce;--brand-olive-dark:#5c7a1f;--brand-copper-light:#c48a5e;--brand-olive-light:#b5d16a;--bg-page:#f9fafb;--bg-surface:#fff;--bg-highlight:#f3f6ee;--border:#e5e7eb;--border-accent:#c8d6b0;--text-primary:#212121;--text-secondary:#5c6570;--text-muted:#8b95a1;--shadow-xs:0 1px 2px rgba(0,0,0,.03);--shadow-sm:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.03);--shadow:0 4px 16px rgba(0,0,0,.05),0 1px 4px rgba(0,0,0,.03);--shadow-lg:0 12px 32px rgba(0,0,0,.07),0 4px 8px rgba(0,0,0,.03);--radius-xs:6px;--radius-sm:10px;--radius:14px;--radius-lg:18px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.65;color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--brand-olive-dark);transition:color .12s}a,a:hover{text-decoration:none}a:hover{color:var(--brand-olive)}h1,h2,h3,h4{color:var(--text-primary);line-height:1.2;font-weight:700}h1{font-size:clamp(1.75rem,4vw,2.25rem);letter-spacing:-.025em;margin-bottom:.75rem}h2{font-size:clamp(1.25rem,2.5vw,1.5rem);margin-bottom:.5rem;letter-spacing:-.01em}h3{font-size:1.05rem;margin-bottom:.35rem}p{margin-bottom:.85rem;color:var(--text-secondary)}.container{max-width:1152px;margin:0 auto;padding:0 1.25rem}header{background:hsla(0,0%,100%,.88);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:50;padding:.5rem 0}header .container{padding:0 1.25rem;justify-content:space-between;gap:1rem}header .container,header a,header nav{display:flex;align-items:center}header nav{gap:.35rem}header nav a{font-weight:600;color:var(--text-secondary);padding:.45rem .85rem;border-radius:var(--radius-xs);transition:all .12s;font-size:.9rem}header nav a:hover{background:var(--bg-highlight);color:var(--brand-charcoal)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);transition:transform .12s,box-shadow .12s}.card:hover{box-shadow:var(--shadow)}a.card{display:block;color:inherit}a.card:hover{transform:translateY(-2px);text-decoration:none}ol,ul{padding-left:1.25rem;margin-bottom:.85rem}li{margin-bottom:.35rem;color:var(--text-secondary)}form label{display:block;margin-bottom:.85rem;font-weight:600;color:var(--text-primary);font-size:.9rem}form input,form textarea{display:block;width:100%;margin-top:.25rem;padding:.7rem .9rem;border:1.5px solid var(--border);border-radius:var(--radius-xs);font:inherit;background:var(--bg-page);transition:all .12s;font-size:.95rem}form input:focus,form textarea:focus{outline:none;border-color:var(--brand-olive);box-shadow:0 0 0 3px rgba(125,162,42,.12)}form button{background:linear-gradient(135deg,var(--brand-olive-dark),var(--brand-olive));color:#fff;border:none;cursor:pointer;font-weight:700;padding:.8rem 1.75rem;width:auto;border-radius:var(--radius-xs);box-shadow:0 1px 3px rgba(125,162,42,.25);transition:all .15s;font-size:.95rem}form button:hover{box-shadow:0 4px 14px rgba(125,162,42,.3);transform:translateY(-1px)}form button:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.breadcrumb{font-size:.82rem;color:var(--text-muted);margin-bottom:1.5rem;padding:.4rem .8rem;background:var(--bg-highlight);border-radius:var(--radius-xs);display:inline-flex;flex-wrap:wrap;gap:.2rem;align-items:center;border:1px solid var(--border)}.breadcrumb a{color:var(--brand-olive-dark);font-weight:500}.breadcrumb a:hover{color:var(--brand-olive)}footer{background:var(--brand-charcoal);color:#aaa;padding:3rem 0;margin-top:4rem}footer p{color:#999}footer a{color:var(--brand-olive-light)}.hero,footer a:hover{color:#fff}.hero{background:linear-gradient(150deg,var(--brand-charcoal) 0,#2a2a2a 60%,#1a3a10 100%);padding:4rem 0 3.5rem;margin-bottom:2.5rem;border-bottom:3px solid var(--brand-olive)}.hero h1,.hero p{color:#fff}.hero a{color:var(--brand-olive-light)}.hero a:hover{color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:1rem;gap:1rem}.grid .card{margin-bottom:0}.badge{display:inline-block;padding:.25rem .75rem;background:var(--bg-highlight);color:var(--brand-olive-dark);border-radius:9999px;font-size:.8rem;font-weight:600;margin-right:.35rem;margin-bottom:.35rem;border:1px solid var(--border-accent)}a.badge:hover{background:#e9f0de;text-decoration:none;color:var(--brand-olive)}.recycling-accent{display:inline-flex;align-items:center;gap:.5rem}.recycling-accent:before{content:"♻";color:var(--brand-olive);font-size:1.2em}.text-center{text-align:center}.mt-0{margin-top:0}.mb-2{margin-bottom:2rem}@media (max-width:640px){header .container{flex-direction:column;align-items:flex-start;gap:.5rem}header nav{width:100%}.grid{grid-template-columns:1fr}.hero{padding:2.5rem 0}}