@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700&display=swap";:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--background:#f8fafc;--surface:#fff;--surface-hover:#f1f5f9;--text:#0f172a;--text-muted:#64748b;--accent:#8b5cf6;--success:#10b981;--error:#ef4444;--border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{color:#1e293b;font-family:Outfit,sans-serif;font-weight:700}.container{max-width:1280px;padding:0 var(--space-8);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}button{cursor:pointer;align-items:center;gap:var(--space-2);border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 6px -1px #4f46e533}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px #4f46e54d}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#fffc;height:5.5rem}.logo-text{color:#1e293b;letter-spacing:-.025em;font-size:1.5rem;font-weight:700}.nav-link{color:var(--text-muted);border-radius:.5rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--primary);background-color:var(--primary-light)}.card-grid{gap:var(--space-8);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (width>=1024px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.article-card{background:var(--surface);border:1px solid var(--border);padding:var(--space-8);box-shadow:var(--shadow-sm);border-radius:1.25rem;transition:all .3s}.article-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-4px)}.category-tag{background:var(--primary-light);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}