*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}:root{--accent: #22c55e;--accent-hover: #16a34a;--accent-lt: rgba(34,197,94,.07);--accent-border: rgba(34,197,94,.18);--bg: #0a0a0b;--surface: #111113;--surface2: #18181b;--surface3: #1e1e22;--border: #27272a;--border2: #3f3f46;--text: #fafafa;--muted: #a1a1aa;--dim: #71717a;--warn: #f59e0b;--error: #f87171;--success: #4ade80;--info: #60a5fa;--radius: 12px;--radius-sm: 8px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:"Source Sans 3",system-ui,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.nav{position:sticky;top:0;z-index:100;background:#0a0a0be6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.02em;text-decoration:none}.nav-logo span{color:var(--accent)}.nav-links{display:flex;gap:28px}.nav-links a{font-size:14px;color:var(--muted);transition:color .15s}.nav-links a:hover,.nav-links a.active{color:var(--text);text-decoration:none}.nav-ctas{display:flex;align-items:center;gap:10px}.btn-ghost{padding:8px 16px;border-radius:9px;font-size:14px;font-weight:600;color:var(--muted);border:1px solid var(--border2);background:none;text-decoration:none;transition:all .15s}.btn-ghost:hover{color:var(--text);border-color:#fff3;text-decoration:none}.btn-green{padding:8px 18px;border-radius:9px;font-size:14px;font-weight:700;color:#051408;background:var(--accent);border:none;text-decoration:none;transition:all .15s;display:inline-block}.btn-green:hover{background:#1db350;text-decoration:none}@media(max-width:640px){.nav-links{display:none}}.blog-header{padding:56px 24px 40px;max-width:1100px;margin:0 auto}.section-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.blog-header h1{font-family:Lora,serif;font-size:clamp(28px,5vw,44px);font-weight:700;letter-spacing:-.03em;margin-bottom:12px}.blog-header p{font-size:16px;color:var(--muted);max-width:520px}.blog-wrap{max-width:1100px;margin:0 auto;padding:0 24px 72px}.featured-visual,.post-card-visual{border:1px solid var(--border);background:radial-gradient(ellipse 600px 240px at 20% 0%,var(--accent-lt),transparent 70%),var(--surface2);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--accent);opacity:.9}.featured-card{display:grid;grid-template-columns:1fr 1.3fr;gap:32px;align-items:stretch;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);padding:28px;margin-bottom:48px;text-decoration:none;transition:border-color .15s}.featured-card:hover{border-color:var(--accent);text-decoration:none}.featured-visual{min-height:200px}.featured-body{display:flex;flex-direction:column;justify-content:center}.featured-tag{display:inline-block;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-lt);border:1px solid var(--accent-border);border-radius:99px;padding:4px 12px;margin-bottom:14px}.featured-title{font-family:Lora,serif;font-size:clamp(20px,2.6vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--text);margin-bottom:10px}.featured-excerpt{font-size:15px;color:var(--muted);line-height:1.7;margin-bottom:16px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-decoration:none;transition:border-color .15s}.post-card:hover{border-color:var(--accent);text-decoration:none}.post-card-visual{width:44px;height:44px;margin-bottom:16px;flex-shrink:0}.post-card-visual svg{width:20px;height:20px}.post-meta{font-size:12px;color:var(--muted);margin-bottom:8px}.post-title{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.01em;margin-bottom:8px;line-height:1.35}.post-excerpt{font-size:13.5px;color:var(--muted);line-height:1.65;margin-bottom:14px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-read-more{font-size:13px;font-weight:600;color:var(--accent);margin-top:auto}@media(max-width:860px){.featured-card{grid-template-columns:1fr}.featured-visual{min-height:140px}.post-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.post-grid{grid-template-columns:1fr}}.empty-state{padding:64px 0;text-align:center;color:var(--muted);font-size:15px}.empty-state p{margin-bottom:24px}.empty-cta{display:inline-block;padding:11px 24px;background:var(--accent);color:#051408;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none}.empty-cta:hover{background:#1db350;text-decoration:none}.footer{border-top:1px solid var(--border);padding:40px 24px;text-align:center}.footer-links{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:16px}.footer-links a{font-size:13px;color:var(--muted);transition:color .15s}.footer-links a:hover{color:var(--text);text-decoration:none}.footer-copy{font-size:12px;color:var(--muted)}
