*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--green:#1B9E5C;--green-dark:#137A46;--green-light:#E8F7F0;--white:#FFF;--gray-50:#F8FAFC;--gray-100:#F1F5F9;--gray-200:#E2E8F0;--gray-400:#94A3B8;--gray-500:#64748B;--gray-600:#475569;--gray-700:#334155;--gray-800:#1E293B;--gray-900:#0F172A;--font-display:'Outfit',sans-serif;--font-body:'DM Sans',sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--gray-800);line-height:1.6;background:var(--gray-50)}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:14px 0;background:#fff;box-shadow:0 1px 12px rgba(0,0,0,.06)}.navbar .container{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-icon{width:36px;height:36px;background:var(--green);border-radius:8px;display:flex;align-items:center;justify-content:center}.logo-icon svg{width:20px;height:20px;fill:var(--white)}.logo-text{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--gray-900)}.logo-text span{color:var(--green)}
.nav-links{display:flex;align-items:center;gap:24px;list-style:none}.nav-links a{font-family:var(--font-display);font-weight:500;font-size:14px;color:var(--gray-600);text-decoration:none}.nav-btn{padding:8px 20px!important;border-radius:50px!important;font-weight:600!important;font-size:13px!important}.nav-btn-outline{border:2px solid var(--green)!important;color:var(--green)!important}.nav-btn-primary{background:var(--green)!important;color:var(--white)!important}
.blog-header{padding:120px 0 48px;text-align:center;background:var(--white)}.blog-header h1{font-family:var(--font-display);font-weight:800;font-size:clamp(32px,5vw,48px);color:var(--gray-900);margin-bottom:12px}.blog-header p{font-size:18px;color:var(--gray-500);max-width:600px;margin:0 auto}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:48px 0 80px}
.blog-card{border-radius:16px;overflow:hidden;border:1px solid var(--gray-100);transition:all .3s;background:var(--white);display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.12)}
.blog-card-img{height:180px;display:flex;align-items:center;justify-content:center}.blog-card-img svg{width:48px;height:48px;stroke:var(--green);fill:none;stroke-width:1.5;opacity:.5}
.blog-card-body{padding:24px;flex:1;display:flex;flex-direction:column}.blog-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px}.blog-card-tag{font-family:var(--font-display);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:var(--green-light);color:var(--green);padding:4px 10px;border-radius:6px}.blog-card-date{font-size:12px;color:var(--gray-400)}
.blog-card h3{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--gray-900);line-height:1.35;margin-bottom:10px}.blog-card p{font-size:14px;color:var(--gray-500);line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.read-link{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--green);margin-top:16px;display:inline-block}
.back-link{display:inline-block;margin:0 0 24px;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--green);text-decoration:none}
.footer{padding:40px 0;background:var(--gray-900);text-align:center}.footer p{font-size:13px;color:var(--gray-500)}
@media(max-width:968px){.blog-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}}
@media(max-width:640px){.blog-grid{grid-template-columns:1fr}}