@tailwind base;@tailwind components;@tailwind utilities;:root{--brand-primary:#38a169;--brand-secondary:#2f855a;--brand-accent:#276749;--success:#48bb78;--warning:#ed8936;--error:#f56565;--info:#4299e1;--white:#ffffff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e0;--gray-400:#a0aec0;--gray-500:#718096;--gray-600:#4a5568;--gray-700:#2d3748;--gray-800:#1a202c;--gray-900:#171923;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;line-height:1.5}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,system-ui,sans-serif;font-weight:400;line-height:1.7;color:var(--gray-700);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;margin:0;padding:0;width:100%}.container{width:100%;margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width:640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width:768px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}@media (min-width:1024px){.container{padding-left:var(--space-12);padding-right:var(--space-12)}}@media (min-width:1280px){.container{padding-left:var(--space-16);padding-right:var(--space-16)}}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:700;line-height:1.2;color:var(--gray-800);margin-bottom:var(--space-4)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}@media (min-width:768px){h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}}p{margin-bottom:var(--space-4);line-height:1.7}a{color:var(--brand-primary);text-decoration:none;transition:all .3s ease}a:hover{color:var(--brand-secondary)}.navigation{position:-webkit-sticky;position:sticky;top:0;z-index:1020;background-color:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,.8);transition:all .3s ease;width:100%;margin:0;padding:0}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-4)}@media (min-width:640px){.nav-container{padding:var(--space-6)}}@media (min-width:768px){.nav-container{padding:var(--space-6) var(--space-8)}}@media (min-width:1024px){.nav-container{padding:var(--space-6) var(--space-12)}}@media (min-width:1280px){.nav-container{padding:var(--space-6) var(--space-16)}}.nav-brand{font-size:1.25rem;font-weight:700;color:var(--gray-800);text-decoration:none;letter-spacing:-.5px;transition:color .3s ease}@media (min-width:768px){.nav-brand{font-size:1.5rem}}.nav-brand:hover{color:var(--brand-primary)}.nav-links{display:none;gap:var(--space-2);align-items:center}@media (min-width:768px){.nav-links{display:flex}}.nav-link{color:var(--gray-600);text-decoration:none;font-size:1rem;font-weight:600;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);transition:all .3s ease;position:relative}.nav-link:hover{background-color:var(--gray-100);color:var(--brand-primary);transform:translateY(-1px)}.hero-header-compact{width:100%;padding:var(--space-20) 0 var(--space-24) 0;background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-secondary) 50%,var(--brand-accent) 100%);color:var(--white);position:relative;overflow:hidden}@media (min-width:768px){.hero-header-compact{padding:var(--space-32) 0}}@media (min-width:1024px){.hero-header-compact{padding:6rem 0 8rem}}.hero-header-compact:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1);z-index:1}.hero-header-compact>*{position:relative;z-index:2}.hero-content{max-width:1280px;margin:0 auto;text-align:center;padding:0 var(--space-4)}@media (min-width:640px){.hero-content{padding:0 var(--space-6)}}@media (min-width:768px){.hero-content{padding:0 var(--space-8)}}@media (min-width:1024px){.hero-content{padding:0 var(--space-12)}}@media (min-width:1280px){.hero-content{padding:0 var(--space-16)}}.hero-title-compact{font-size:2.25rem;font-weight:800;margin-bottom:var(--space-6);color:var(--white);letter-spacing:-1px;line-height:1.1}@media (min-width:768px){.hero-title-compact{font-size:3rem;margin-bottom:var(--space-8)}}@media (min-width:1024px){.hero-title-compact{font-size:3.75rem}}.hero-description-compact{font-size:1.125rem;color:rgba(255,255,255,.9);font-weight:400;margin-bottom:var(--space-10);line-height:1.6;max-width:800px;margin-left:auto;margin-right:auto}@media (min-width:768px){.hero-description-compact{font-size:1.25rem;margin-bottom:var(--space-12)}}.hero-actions{display:flex;gap:var(--space-5);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-16)}@media (min-width:768px){.hero-actions{gap:var(--space-6);margin-bottom:var(--space-20)}}.hero-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-weight:600;font-size:1.125rem;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer}@media (min-width:768px){.hero-btn{padding:var(--space-5) var(--space-10);font-size:1.25rem}}.hero-btn.primary{background:rgba(255,255,255,.2);color:var(--white);border:2px solid rgba(255,255,255,.3)}.hero-btn.primary:hover{background:rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.hero-btn.secondary{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.5)}.hero-btn.secondary:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.hero-stats-compact{display:flex;justify-content:center;gap:var(--space-12);flex-wrap:wrap}@media (min-width:768px){.hero-stats-compact{gap:var(--space-16)}}@media (min-width:1024px){.hero-stats-compact{gap:var(--space-20)}}.stat-item-compact{text-align:center}.stat-number-compact{display:block;font-size:1.875rem;font-weight:800;color:var(--white);margin-bottom:var(--space-2)}@media (min-width:768px){.stat-number-compact{font-size:2.25rem}}.stat-label-compact{font-size:1rem;color:rgba(255,255,255,.8);font-weight:500}@media (min-width:768px){.stat-label-compact{font-size:1.125rem}}.newsletter-section{width:100%;background:linear-gradient(135deg,var(--gray-100) 0,var(--white) 100%);padding:var(--space-16) 0;margin:var(--space-16) 0}.newsletter-container{max-width:1024px;margin:0 auto;text-align:center;padding:0 var(--space-4)}@media (min-width:640px){.newsletter-container{padding:0 var(--space-6)}}@media (min-width:768px){.newsletter-container{padding:0 var(--space-8)}}.newsletter-content{margin-bottom:var(--space-8)}.newsletter-content h2{font-size:1.5rem;font-weight:700;color:var(--gray-800);margin-bottom:var(--space-4)}@media (min-width:768px){.newsletter-content h2{font-size:1.875rem}}.newsletter-content p{font-size:1.125rem;color:var(--gray-600);line-height:1.6;max-width:600px;margin:0 auto}.newsletter-form{max-width:500px;margin:0 auto}.newsletter-input-group{display:flex;gap:0;margin-bottom:var(--space-4)}@media (max-width:639px){.newsletter-input-group{flex-direction:column;gap:var(--space-3)}}.newsletter-input{flex:1 1;padding:var(--space-4) var(--space-5);border:2px solid var(--gray-300);border-radius:var(--radius-lg) 0 0 var(--radius-lg);font-size:1rem;transition:all .3s ease}@media (max-width:639px){.newsletter-input{border-radius:var(--radius-lg)}}.newsletter-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(56,161,105,.1)}.newsletter-input::placeholder{color:var(--gray-400)}.newsletter-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;line-height:1;background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-secondary) 100%);color:var(--white);box-shadow:var(--shadow-md)}@media (max-width:639px){.newsletter-btn{border-radius:var(--radius-lg);width:100%}}.newsletter-btn:hover{background:linear-gradient(135deg,var(--brand-secondary) 0,var(--brand-accent) 100%);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.newsletter-privacy{font-size:.875rem;color:var(--gray-500);margin-top:var(--space-2)}.modern-layout{display:grid;grid-template-columns:1fr;grid-gap:var(--space-8);gap:var(--space-8)}@media (min-width:1024px){.modern-layout{grid-template-columns:1fr 300px;gap:var(--space-12)}}@media (min-width:1280px){.modern-layout{grid-template-columns:1fr 350px;gap:var(--space-16)}}.main-content{flex:1 1;min-width:0}.sidebar{width:100%}@media (min-width:1024px){.sidebar{width:300px;flex-shrink:0}}@media (min-width:1280px){.sidebar{width:350px}}.section-title{font-size:1.875rem;font-weight:700;color:var(--gray-800);margin-bottom:var(--space-8);text-align:center}@media (min-width:768px){.section-title{font-size:2.25rem;text-align:left}}.article-list{display:flex;flex-direction:column;gap:var(--space-8)}.article-preview-enhanced{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all .3s ease;overflow:hidden;padding:var(--space-6);margin-bottom:var(--space-6)}@media (min-width:768px){.article-preview-enhanced{padding:var(--space-8)}}.article-preview-enhanced:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.article-preview-enhanced:last-child{margin-bottom:0}.article-preview-header{margin-bottom:var(--space-4)}.article-category{display:inline-block;padding:var(--space-1) var(--space-3);background:rgba(56,161,105,.1);color:var(--brand-primary);font-size:.875rem;font-weight:600;border-radius:var(--radius-full);margin-bottom:var(--space-3)}.article-title{font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:var(--space-3)}@media (min-width:768px){.article-title{font-size:1.5rem}}.article-title a{color:var(--gray-800);text-decoration:none;transition:color .3s ease}.article-title a:hover{color:var(--brand-primary)}.article-meta-enhanced{display:flex;align-items:center;gap:var(--space-2);color:var(--gray-500);font-size:.875rem;margin-bottom:var(--space-4)}.article-date{color:var(--gray-500)}.read-time{color:var(--gray-400)}.article-excerpt{margin-bottom:var(--space-6)}.article-excerpt p{color:var(--gray-600);line-height:1.6;margin-bottom:0}.article-preview-footer-enhanced{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.article-engagement{display:flex;gap:var(--space-3)}.engagement-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-600);font-size:.875rem;transition:all .3s ease;cursor:pointer}.engagement-btn:hover{background:var(--gray-100);border-color:var(--gray-400)}.engagement-icon{font-size:1rem}.engagement-count{font-size:.875rem;color:var(--gray-500)}.read-more-enhanced{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--brand-primary);font-weight:600;text-decoration:none;transition:all .3s ease}.read-more-enhanced:hover{color:var(--brand-secondary);transform:translateX(var(--space-1))}.read-more-enhanced:after{content:"→";transition:transform .3s ease}.read-more-enhanced:hover:after{transform:translateX(var(--space-1))}.sidebar-widget{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm);transition:all .3s ease}@media (min-width:768px){.sidebar-widget{padding:var(--space-8)}}.sidebar-widget:last-child{margin-bottom:0}.sidebar-widget:hover{box-shadow:var(--shadow-md)}.widget-title{font-size:1.25rem;font-weight:700;color:var(--gray-800);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid var(--gray-200);position:relative}.widget-title:after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:var(--brand-primary)}.widget-content{color:var(--gray-600);line-height:1.6}.benefit-list{list-style:none;padding:0}.benefit-list li{padding:var(--space-2) 0;color:var(--gray-600);font-size:.875rem;line-height:1.5}.benefit-list li:last-child{padding-bottom:0}.benefit-list li:before{content:"✓";color:var(--success);font-weight:700;margin-right:var(--space-2)}.mushroom-quick-list{display:flex;flex-direction:column;gap:var(--space-3)}.mushroom-quick-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);text-decoration:none;transition:all .3s ease;color:var(--gray-700)}.mushroom-quick-item:hover{background:var(--gray-100);transform:translateX(var(--space-1));color:var(--brand-primary)}.mushroom-icon{font-size:1.125rem}.mushroom-name{font-weight:500}.quick-nav{display:flex;flex-direction:column;gap:var(--space-2)}.quick-nav-link{padding:var(--space-2) var(--space-3);color:var(--gray-600);text-decoration:none;border-radius:var(--radius-md);transition:all .3s ease;font-size:.875rem}.quick-nav-link:hover{background:var(--gray-100);color:var(--brand-primary);padding-left:var(--space-4)}.page-footer{background:var(--gray-800);color:var(--gray-300);padding:var(--space-16) 0 var(--space-8) 0;margin-top:var(--space-24)}.footer-content{max-width:1280px;margin:0 auto;padding:0 var(--space-4);display:grid;grid-template-columns:1fr;grid-gap:var(--space-8);gap:var(--space-8)}@media (min-width:640px){.footer-content{padding:0 var(--space-6)}}@media (min-width:768px){.footer-content{padding:0 var(--space-8);grid-template-columns:2fr 1fr 1fr}}@media (min-width:1024px){.footer-content{padding:0 var(--space-12)}}@media (min-width:1280px){.footer-content{padding:0 var(--space-16)}}.footer-section h4,.footer-section h5{color:var(--white);margin-bottom:var(--space-4)}.footer-section a{display:block;color:var(--gray-400);text-decoration:none;padding:var(--space-1) 0;transition:color .3s ease}.footer-section a:hover{color:var(--brand-primary)}.footer-bottom{border-top:1px solid var(--gray-700);margin-top:var(--space-8);padding-top:var(--space-8);text-align:center}.footer-bottom p{color:var(--gray-400);margin-bottom:0}.no-posts{text-align:center;padding:var(--space-16);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.no-posts h3{font-size:1.5rem;color:var(--gray-800);margin-bottom:var(--space-4)}.no-posts p{color:var(--gray-600);font-size:1.125rem;margin-bottom:0}@media (max-width:639px){.hero-title-compact{font-size:1.875rem}}:focus{outline:2px solid var(--brand-primary);outline-offset:2px}::selection{background-color:var(--brand-primary);color:var(--white)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}