:root{--color-primary:#ff6b35;--color-primary-dark:#e85a2a;--color-primary-light:#ff8558;--color-secondary:#004e89;--color-secondary-dark:#003a66;--color-white:#fff;--color-black:#1a1a1a;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-family-base:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-family-heading:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-base);background:var(--color-gray-50);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--color-gray-900)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-dark)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl)}.site-header{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);position:-webkit-sticky;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm)}.header-content{justify-content:space-between;padding:var(--spacing-lg) 0;gap:var(--spacing-xl)}.header-content,.logo-link{display:flex;align-items:center}.logo{height:auto;max-height:40px}.main-nav{display:flex;gap:var(--spacing-xl);flex:1 1;justify-content:center}.nav-link{color:var(--color-gray-700);font-weight:500;font-size:.9375rem;transition:color var(--transition-base)}.nav-link:hover{color:var(--color-primary)}.header-actions{display:flex;gap:var(--spacing-md)}.btn-primary,.btn-secondary{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;transition:all var(--transition-base);border:none;cursor:pointer;text-align:center}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-white)}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:1.0625rem}.main-content{min-height:calc(100vh - 400px)}.hero{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-dark) 100%);color:var(--color-white);padding:var(--spacing-3xl) 0;text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:3rem;font-weight:800;color:var(--color-white);margin-bottom:var(--spacing-lg);line-height:1.1}.hero-description{font-size:1.25rem;color:hsla(0,0%,100%,.9);margin-bottom:var(--spacing-2xl);line-height:1.6}.hero-actions{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.features-section{padding:var(--spacing-3xl) 0;background:var(--color-white)}.section-title{text-align:center;font-size:2.5rem;margin-bottom:var(--spacing-2xl);color:var(--color-gray-900)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.feature-card{background:var(--color-gray-50);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);border:2px solid transparent}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-lg)}.feature-card h3{color:var(--color-gray-900);margin-bottom:var(--spacing-md)}.feature-card p{color:var(--color-gray-600);margin-bottom:var(--spacing-lg)}.feature-link{display:inline-block;color:var(--color-primary);font-weight:600;transition:all var(--transition-base)}.feature-link:hover{transform:translateX(4px)}.cta-section{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);padding:var(--spacing-3xl) 0;text-align:center;color:var(--color-white)}.cta-content h2{color:var(--color-white);font-size:2.5rem;margin-bottom:var(--spacing-md)}.cta-content p{font-size:1.25rem;margin-bottom:var(--spacing-xl);color:hsla(0,0%,100%,.9)}.card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);transition:all var(--transition-base);border:1px solid var(--color-gray-200)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card h3{margin-bottom:var(--spacing-sm)}.card h3 a{color:var(--color-gray-900);transition:color var(--transition-base)}.card h3 a:hover{color:var(--color-primary)}.meta{font-size:.875rem;color:var(--color-gray-500);margin-bottom:var(--spacing-sm);font-weight:500}.badge{display:inline-block;font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-gray-100);color:var(--color-gray-700);margin-right:var(--spacing-xs);margin-bottom:var(--spacing-xs);transition:all var(--transition-fast)}.badge:hover{background:var(--color-primary);color:var(--color-white)}.site-footer{background:var(--color-gray-900);color:var(--color-gray-300);padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl);margin-bottom:var(--spacing-xl)}.footer-section h3,.footer-section h4{color:var(--color-white);margin-bottom:var(--spacing-lg);font-size:1.125rem}.footer-section p{color:var(--color-gray-400);line-height:1.6}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--color-gray-400);transition:color var(--transition-base)}.footer-links a:hover{color:var(--color-primary)}.social-links{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.social-link{color:var(--color-gray-400);transition:color var(--transition-base);font-weight:500}.social-link:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-gray-800);padding-top:var(--spacing-lg);text-align:center;color:var(--color-gray-500);font-size:.875rem}@media (max-width:768px){.hero-title{font-size:2rem}.hero-description{font-size:1.125rem}.section-title{font-size:1.75rem}.main-nav{display:none}.header-content{justify-content:space-between}.features-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.btn-large{width:100%}}@media (max-width:480px){.container{padding:0 var(--spacing-md)}h1{font-size:1.75rem}h2{font-size:1.5rem}.cta-section,.features-section,.hero{padding:var(--spacing-2xl) 0}}.page-header{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-dark) 100%);color:var(--color-white);padding:var(--spacing-2xl) 0;text-align:center}.page-header h1{color:var(--color-white);font-size:2.5rem;margin-bottom:var(--spacing-sm)}.page-header p{font-size:1.125rem;color:hsla(0,0%,100%,.9);margin:0}.articles-section{padding:var(--spacing-3xl) 0;background:var(--color-white)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.article-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base);display:flex;flex-direction:column;height:100%}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.article-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.category-badge{display:inline-block;font-size:.75rem;font-weight:700;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.category-badge.category-tutorial{background:#dbeafe;color:#1e40af}.category-badge.category-novidades{background:#fef3c7;color:#92400e}.category-badge.category-setor{background:#f3e8ff;color:#6b21a8}.type-label{font-size:.875rem;color:var(--color-gray-500);font-weight:500}.article-title{font-size:1.5rem;margin-bottom:var(--spacing-md);line-height:1.3}.article-title a{color:var(--color-gray-900);transition:color var(--transition-base)}.article-title a:hover{color:var(--color-primary)}.article-description{color:var(--color-gray-600);line-height:1.6;margin-bottom:var(--spacing-lg);flex-grow:1}.article-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.tag-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-gray-100);color:var(--color-gray-700);transition:all var(--transition-fast)}.tag-badge:hover{background:var(--color-primary);color:var(--color-white)}.read-more{display:inline-flex;align-items:center;font-weight:600;color:var(--color-primary);transition:all var(--transition-base);margin-top:auto}.read-more:hover{transform:translateX(4px);color:var(--color-primary-dark)}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-gray-500)}.empty-state p{font-size:1.125rem}.article-header{background:var(--color-white);padding:var(--spacing-3xl) 0 var(--spacing-2xl);border-bottom:1px solid var(--color-gray-200)}.article-header .container{max-width:800px}.article-content{background:var(--color-white);padding:var(--spacing-2xl) 0 var(--spacing-3xl)}.article-content .container{max-width:800px}.article-content h2{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md)}.article-content h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm)}.article-content p{margin-bottom:var(--spacing-lg);line-height:1.8}.article-content ol,.article-content ul{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.article-content li{margin-bottom:var(--spacing-sm);line-height:1.7}.article-content code{background:var(--color-gray-100);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.875em;font-family:Monaco,Courier New,monospace}.article-content pre{background:var(--color-gray-900);color:var(--color-gray-100);padding:var(--spacing-lg);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-lg)}.article-content pre code{background:none;padding:0;color:inherit}.article-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-lg);margin:var(--spacing-xl) 0;font-style:italic;color:var(--color-gray-600)}@media (max-width:768px){.articles-grid{grid-template-columns:1fr}.page-header h1{font-size:2rem}}.sources-section{background:var(--color-gray-50);border-left:4px solid var(--color-primary);padding:var(--spacing-xl);border-radius:var(--radius-md);margin:var(--spacing-2xl) 0}.sources-section h3{margin-top:0;color:var(--color-gray-900);font-size:1.25rem}.sources-list{list-style:none;padding:0;margin:0}.sources-list li{margin-bottom:var(--spacing-sm);padding-left:var(--spacing-lg);position:relative}.sources-list li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:700}.sources-list a{color:var(--color-gray-700);word-break:break-word;transition:color var(--transition-base)}.sources-list a:hover{color:var(--color-primary);text-decoration:underline}.article-actions{margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-gray-200);.recent-posts-section{padding:var(--spacing-3xl) 0;background:var(--color-white)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.post-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:transform var(--transition-base),box-shadow var(--transition-base);overflow:hidden}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.post-card-content{padding:var(--spacing-xl)}.post-meta{display:flex;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap}.post-category{font-size:.875rem;font-weight:600;color:var(--color-primary);text-transform:capitalize}.post-date{font-size:.875rem;color:var(--color-gray-500)}.post-title{margin:0 0 var(--spacing-md);font-size:1.25rem;line-height:1.4}.post-title a{color:var(--color-gray-900);text-decoration:none;transition:color var(--transition-base)}.post-title a:hover{color:var(--color-primary)}.post-excerpt{color:var(--color-gray-600);line-height:1.6;margin-bottom:var(--spacing-lg)}.read-more{display:inline-flex;align-items:center;color:var(--color-primary);font-weight:600;text-decoration:none;transition:color var(--transition-base)}.read-more:hover{color:var(--color-primary-dark)}.text-center{text-align:center}}