@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Roboto:wght@400;500&display=swap";:root{--primary-color: #047857;--primary-hover: #059669;--dark-color: #1F2937;--text-color: #4B5563;--text-muted: #6B7280;--background-color: #F9FAFB;--card-background: #FFFFFF;--border-color: #E5E7EB;--font-family-headings: "Poppins", sans-serif;--font-family-body: "Roboto", sans-serif;--box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--box-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--border-radius: 6px;--transition-speed: .2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-body);font-size:16px;line-height:1.7;color:var(--text-color);background-color:var(--background-color)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-speed)}a:hover{color:var(--primary-hover);text-decoration:underline}ul{list-style:none}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-headings);line-height:1.3;margin-bottom:1rem;font-weight:600;color:var(--dark-color)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1.25rem}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-layout{display:grid;grid-template-columns:1fr;gap:40px;padding:50px 0}@media (min-width: 992px){.main-layout{grid-template-columns:minmax(0,2.5fr) minmax(0,1fr)}}.site-header{background:var(--card-background);padding:20px 0;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000}.site-header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.site-title{font-family:var(--font-family-headings);font-size:1.5rem;font-weight:700}.site-title a{color:var(--dark-color);text-decoration:none}.site-title a:hover{color:var(--primary-color)}.main-nav ul{display:flex;gap:35px}.main-nav a{font-weight:500;font-size:1rem;padding:8px 4px;position:relative;color:var(--text-color);border-bottom:2px solid transparent;transition:all var(--transition-speed)}.main-nav a:hover{color:var(--primary-color);text-decoration:none}.main-nav a.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.hero{text-align:center;padding:60px 20px 40px}.hero h1{margin-bottom:1rem;font-weight:700}.hero p{font-size:1.15rem;color:var(--text-muted);max-width:700px;margin:0 auto}.blog-posts{display:grid;grid-template-columns:1fr;gap:30px}@media (min-width: 768px){.blog-posts{grid-template-columns:repeat(2,1fr)}}.post-card{background:var(--card-background);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);transition:transform var(--transition-speed),box-shadow var(--transition-speed);display:flex;flex-direction:column;border:1px solid var(--border-color)}.post-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-hover)}.post-card-content{padding:25px;flex-grow:1;display:flex;flex-direction:column}.post-card-content p{flex-grow:1;color:var(--text-muted);font-size:.95rem}.post-card h2{font-size:1.3rem;font-weight:600;margin-top:0}.btn{display:inline-block;background-color:var(--primary-color);color:#fff;padding:10px 24px;border-radius:var(--border-radius);font-weight:500;font-family:var(--font-family-body);transition:background-color var(--transition-speed),transform var(--transition-speed);align-self:flex-start;margin-top:1rem;border:none;text-decoration:none}.btn:hover{background-color:var(--primary-hover);color:#fff;transform:translateY(-2px);text-decoration:none}aside{position:sticky;top:120px}.sidebar-widget{background-color:var(--card-background);padding:25px;border-radius:var(--border-radius);margin-bottom:30px;border:1px solid var(--border-color);box-shadow:var(--box-shadow)}.sidebar-widget h3{font-size:1.15rem;font-weight:600;padding-bottom:15px;border-bottom:1px solid var(--border-color);margin-bottom:20px}.sidebar-widget ul li{margin-bottom:12px}.sidebar-widget ul li:last-child{margin-bottom:0}.sidebar-widget ul li a{font-weight:500;display:flex;align-items:center}.sidebar-widget ul li a:hover{text-decoration:none}.sidebar-widget ul li a:before{content:"›";margin-right:8px;font-size:1.2rem;transition:transform var(--transition-speed)}.sidebar-widget ul li a:hover:before{transform:translate(4px)}.content-wrapper,.article-content{background-color:var(--card-background);padding:40px;border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--box-shadow)}.article-header{margin-bottom:30px;border-bottom:1px solid var(--border-color);padding-bottom:20px}.article-header h1{font-size:2.2rem;line-height:1.2}.article-meta{color:var(--text-muted);font-size:.9rem;font-weight:500}.article-content h2,.content-wrapper h2{margin-top:2.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.article-content h3,.content-wrapper h3{margin-top:2rem}.article-content ul,.article-content ol,.content-wrapper ul{margin-left:20px;margin-bottom:1.25rem;padding-left:10px}.article-content ul li{list-style-type:"✓  ";margin-bottom:.75rem;padding-left:10px}.article-content ol li{list-style-type:decimal}.content-wrapper ul li{list-style-type:"›  ";margin-bottom:1rem;padding-left:10px}.content-wrapper ul li a{font-weight:500}.cta-section{background-color:var(--background-color);border-left:4px solid var(--primary-color);padding:25px;margin:40px 0;border-radius:0 var(--border-radius) var(--border-radius) 0}.cta-section p{margin-bottom:0;font-size:1.1rem;line-height:1.7}.cta-section strong{color:var(--dark-color);font-weight:700}.site-footer{background-color:var(--dark-color);color:#9ca3af;padding:40px 0;margin-top:50px;text-align:center}.site-footer .container{display:flex;flex-direction:column;align-items:center;gap:15px}.footer-links a{color:#d1d5db;margin:0 10px;font-size:.9rem}.footer-links a:hover{text-decoration:underline;color:var(--card-background)}.static-page h1{text-align:center;margin-bottom:50px}@media (max-width: 991px){aside{position:static}}@media (max-width: 768px){.site-header .container{flex-direction:column;gap:20px}h1{font-size:2rem}.article-header h1{font-size:1.8rem}.main-layout{padding:30px 0}.content-wrapper,.article-content{padding:30px}}@media (max-width: 480px){.main-nav ul{gap:15px;justify-content:center;flex-wrap:wrap}.main-nav a{font-size:.95rem}.blog-posts{grid-template-columns:1fr}}