:root{--primary: #191970;--primary-light: #2a2a9a;--primary-dark: #0f0f45;--primary-rgb: 25, 25, 112;--accent: #ffd700;--accent-light: #ffe347;--accent-dark: #e6c200;--text: #333333;--text-light: #666666;--text-dark: #111111;--background: #ffffff;--background-alt: #f8f9fa;--border: #d0d0d0;--error: #dc3545;--error-rgb: 220, 53, 69;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-secondary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@media (prefers-color-scheme: dark){:root{--primary: #a67c00;--primary-light: #d4af37;--primary-dark: #704700;--primary-highlight: #f9df85;--primary-rgb: 166, 124, 0;--accent: #191970;--accent-light: #2a2a9a;--accent-dark: #0f0f45;--text: #e0e0e0;--text-light: #b0b0b0;--text-dark: #ffffff;--background: #121212;--background-alt: #1e1e1e;--border: #444444;--error: #ff6b6b;--error-rgb: 255, 107, 107;--success: #4ade80;--warning: #ffda6a;--info: #60cdff;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--gold-gradient: linear-gradient( 135deg, #704700 0%, #a67c00 20%, #d4af37 40%, #f9df85 50%, #d4af37 60%, #a67c00 80%, #704700 100% );--gold-gradient-simple: linear-gradient(135deg, #704700, #a67c00, #d4af37, #f9df85, #d4af37, #a67c00, #704700)}}body{font-family:var(--font-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary)}p{font-family:var(--font-primary)}button,.btn{font-family:var(--font-secondary)}.blog-hero{background-color:var(--background-alt);padding:5rem var(--space-lg);text-align:center;margin-top:80px;position:relative;overflow:hidden;border-radius:0;animation:fadeInUp .8s ease forwards;animation-delay:.1s;opacity:0;box-shadow:var(--shadow-lg);perspective:1000px;transform-style:preserve-3d}.blog-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23191970' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0;opacity:.08}.blog-hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(var(--primary-rgb),.05),#fff0 70%);z-index:0;transition:background var(--transition-normal)}.blog-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.blog-hero .page-title{font-size:3rem;margin-bottom:1rem;color:var(--text-dark);font-weight:700;transition:color var(--transition-normal);background:linear-gradient(135deg,var(--primary),var(--accent-dark));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 10px rgba(0,0,0,.1);position:relative;display:inline-block;animation:fadeInUpScale .8s ease forwards;opacity:0}.blog-hero .page-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(to right,var(--primary),var(--accent));border-radius:var(--radius-full);transition:background var(--transition-normal)}@media (prefers-color-scheme: dark){.blog-hero:before{background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23a67c00' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.blog-hero .page-title{color:var(--text-dark);background:var(--gold-gradient-simple);background-size:200% auto;-webkit-background-clip:text;background-clip:text;animation:goldShimmer 8s linear infinite;text-shadow:0 2px 10px rgba(0,0,0,.2)}@supports (-webkit-background-clip: text) or (background-clip: text){.blog-hero .page-title{-webkit-background-clip:text;background-clip:text;color:transparent}}.blog-hero .page-title:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(249,223,133,.7) .1%,transparent .5%),radial-gradient(circle at 50% 70%,rgba(249,223,133,.5) .1%,transparent .5%),radial-gradient(circle at 80% 10%,rgba(249,223,133,.7) .1%,transparent .5%),radial-gradient(circle at 10% 90%,rgba(249,223,133,.5) .1%,transparent .5%);background-size:150% 150%;mix-blend-mode:overlay;animation:glitterEffect 6s ease-in-out infinite alternate;pointer-events:none}.blog-hero .page-description{color:var(--text)}}.blog-hero .page-description{font-size:1.25rem;color:var(--text-light);line-height:1.6;margin-bottom:0;animation:fadeInUp .8s ease forwards;animation-delay:.2s;opacity:0;text-shadow:0 2px 5px rgba(0,0,0,.05)}.blog-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:var(--space-lg);background-color:var(--background);position:sticky;top:80px;z-index:100;backdrop-filter:blur(8px);transition:background-color var(--transition-normal),border-color var(--transition-normal),backdrop-filter var(--transition-normal)}.blog-search{flex:1;min-width:280px}.search-container{position:relative;width:100%}.search-container svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-light);z-index:1;transition:color var(--transition-normal)}.search-container input{width:100%;padding:.75rem 1rem .75rem 3rem;border:none;border-radius:var(--radius-sm);font-size:1rem;background-color:var(--background);color:var(--text);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal),color var(--transition-normal)}.search-container input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15);transform:scale(1.01)}.search-container input::placeholder{color:var(--text-light)}.blog-filters{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.filter-select{padding:.75rem 1rem;border:none;border-radius:var(--radius-sm);background-color:var(--background);color:var(--text);font-size:.95rem;min-width:140px;cursor:pointer;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal),color var(--transition-normal)}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15);transform:scale(1.01)}.refresh-btn{padding:.75rem;border:none;border-radius:var(--radius-sm);background-color:var(--background);color:var(--primary);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;width:44px;height:44px;box-shadow:var(--shadow-xs)}.refresh-btn:hover{background-color:var(--primary);color:var(--background);transform:translateY(-2px) rotate(5deg);box-shadow:var(--shadow-md)}.refresh-btn.refreshing{animation:spin .8s linear infinite}.refresh-btn svg{width:18px;height:18px}.blog-content{padding:var(--space-lg) 0;max-width:100%;margin:0 auto}.blog-stats{text-align:center;margin-bottom:var(--space-lg);color:var(--text-light);font-size:.9rem;transition:color var(--transition-normal)}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:var(--space-xl);padding:0 var(--space-lg)}.blog-post-card{background-color:var(--background);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-xs);transition:transform var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal);border:none;display:flex;flex-direction:column;height:100%;will-change:transform,box-shadow;animation:fadeInUp .6s ease forwards;opacity:0}.blog-posts-grid .blog-post-card:nth-child(1){animation-delay:.3s}.blog-posts-grid .blog-post-card:nth-child(2){animation-delay:.4s}.blog-posts-grid .blog-post-card:nth-child(3){animation-delay:.5s}.blog-posts-grid .blog-post-card:nth-child(4){animation-delay:.6s}.blog-post-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.post-card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}.post-card-image{position:relative;height:160px;overflow:hidden}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal);will-change:transform}.blog-post-card:hover .post-card-image img{transform:scale(1.08)}.post-category-badge{position:absolute;top:1rem;left:1rem;background-color:var(--primary);color:#fff;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-xs);transition:background-color var(--transition-normal),box-shadow var(--transition-normal)}.post-card-content{padding:1rem;display:flex;flex-direction:column;flex-grow:1}.post-card-header{margin-bottom:.5rem}.post-card-header>*:first-child:not(.post-card-title){display:none;margin:0;padding:0;height:0;overflow:hidden}.post-card-title{font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:.4rem;color:var(--text-dark);transition:color var(--transition-normal)}.blog-post-card:hover .post-card-title{color:var(--primary)}.post-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-light);margin-bottom:.8rem;transition:color var(--transition-normal)}.post-card-meta time{display:flex;align-items:center}.post-card-meta time:before{content:none}.reading-time{display:flex;align-items:center}.reading-time:before{content:none}.post-card-tags{display:none}.post-card-excerpt{flex-grow:1;line-height:1.5;color:var(--text);margin-bottom:.8rem;font-size:.9rem;display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;transition:color var(--transition-normal)}.post-card-footer{margin-top:auto;padding-top:.75rem;border-top:none;transition:border-color var(--transition-normal)}.read-more{color:var(--primary);font-weight:600;font-size:.85rem;transition:color var(--transition-normal),transform var(--transition-normal),text-shadow var(--transition-normal)}.blog-post-card:hover .read-more{color:var(--accent);transform:translate(5px);text-shadow:0 0 5px rgba(var(--accent-rgb),.3)}.load-more-container{text-align:center;margin:var(--space-xl) 0}.load-more-btn{background-color:var(--primary);color:#fff;border:none;padding:.8rem 1.8rem;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;z-index:1}.load-more-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s ease;z-index:-1}.load-more-btn:hover{background-color:var(--primary-dark);transform:translateY(-3px);box-shadow:var(--shadow-md)}.load-more-btn:hover:before{left:100%}.scroll-trigger{height:80px;display:flex;align-items:center;justify-content:center;margin:var(--space-lg) 0}.scroll-trigger-spinner{width:40px;height:40px;border:4px solid rgba(var(--primary-rgb),.2);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;position:relative;margin:0 auto .8rem;transition:border-color var(--transition-normal)}.scroll-trigger-spinner:before,.scroll-trigger-spinner:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.scroll-trigger-spinner:before{width:60px;height:60px;border:2px solid rgba(var(--primary-rgb),.05);animation:pulse 2s ease-out infinite;transition:border-color var(--transition-normal)}.scroll-trigger-spinner:after{width:70px;height:70px;border:1px solid rgba(var(--primary-rgb),.02);animation:pulse 2s .5s ease-out infinite;transition:border-color var(--transition-normal)}.blog-post-main{margin-top:80px;min-height:calc(100vh - 80px)}.breadcrumb{padding:.8rem var(--space-lg);background-color:var(--background-alt);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.breadcrumb ol{display:flex;align-items:center;gap:.4rem;max-width:100%;margin:0 auto;font-size:.85rem;padding:0 var(--space-lg)}.breadcrumb li{display:flex;align-items:center}.breadcrumb li:not(:last-child):after{content:"›";margin-left:.4rem;color:var(--text-light)}.breadcrumb a{color:var(--primary);text-decoration:none;transition:color var(--transition-normal)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb [aria-current=page]{color:var(--text);font-weight:500;transition:color var(--transition-normal)}.blog-post{max-width:800px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.blog-post-header{margin-bottom:var(--space-lg);text-align:center}.post-meta{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:var(--text-light);flex-wrap:wrap;transition:color var(--transition-normal)}.post-meta time{display:flex;align-items:center}.post-meta time:before{content:"📅";margin-right:.4rem}.post-category{background-color:var(--primary);color:#fff;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;text-transform:uppercase;transition:background-color var(--transition-normal)}.post-title{font-size:2.2rem;line-height:1.3;margin-bottom:.8rem;color:var(--text-dark);transition:color var(--transition-normal)}.post-excerpt{font-size:1.1rem;line-height:1.6;color:var(--text-light);margin-bottom:1rem;font-style:italic;transition:color var(--transition-normal);display:none}.post-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:.4rem}.post-featured-image{margin:var(--space-lg) 0;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.post-featured-image:hover{transform:scale(1.01);box-shadow:var(--shadow-md)}.post-featured-image img{width:100%;height:auto;display:block}.post-content{line-height:1.7;font-size:1.05rem;color:var(--text);transition:color var(--transition-normal);max-width:100%;margin:0 auto;padding:0;overflow:hidden}.post-content h2,.post-content h3,.post-content h4{margin:1.8rem 0 .8rem;color:var(--text-dark);transition:color var(--transition-normal)}.post-content h2{font-size:1.7rem;border-bottom:none;padding-bottom:.4rem;transition:border-color var(--transition-normal)}.post-content h3{font-size:1.4rem}.post-content h4{font-size:1.2rem}.post-content p{margin-bottom:1.2rem}.post-content ul,.post-content ol{margin:1.2rem 0;padding-left:1.8rem}.post-content li{margin-bottom:.4rem;line-height:1.6}.post-content blockquote{margin:1.5rem 0;padding:1.2rem;background-color:var(--background-alt);border-left:3px solid var(--primary);border-radius:var(--radius-sm);font-style:italic;font-size:1rem;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.post-content blockquote:hover{box-shadow:var(--shadow-sm);transform:translate(5px)}.post-content code{background-color:var(--background-alt);padding:.15rem .3rem;border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.85rem;color:var(--text-dark);transition:background-color var(--transition-normal),box-shadow var(--transition-normal)}.post-content code:hover{box-shadow:var(--shadow-xs)}.post-content pre{background-color:var(--background-alt);color:var(--text-dark);padding:1.2rem;border-radius:var(--radius-sm);overflow-x:auto;margin:1.2rem 0;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.9em;line-height:1.4;border:none;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.post-content pre[class*=language-]{background-color:var(--background-alt)!important;border:none!important}.post-content pre:hover{box-shadow:var(--shadow-sm)}.post-content pre code{background:none;padding:0;color:inherit}@media (prefers-color-scheme: dark){.post-content code{background-color:var(--background-alt);color:#e0e0e0}.post-content pre{background-color:var(--background-alt);color:#e0e0e0;border-color:#333}.post-content pre[class*=language-]{background-color:var(--background-alt)!important;border-color:#333!important}}.post-content img{max-width:100%;height:auto;border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-normal),transform var(--transition-normal);display:block;margin:1.5em auto}.post-content img:hover{box-shadow:var(--shadow-sm);transform:scale(1.005)}.post-content .image-style-align-left,.post-content figure.image-style-align-left{float:left;margin-right:1.5em;margin-left:0;display:block}.post-content .image-style-align-right,.post-content figure.image-style-align-right{float:right;margin-left:1.5em;margin-right:0;display:block}.post-content .image-style-side,.post-content figure.image-style-side{float:right;margin-left:1.5em;margin-right:0;max-width:30%;display:block}.post-content:after{content:"";display:table;clear:both}.post-content figure{margin:1.5em auto;max-width:100%;text-align:center;display:block}.post-content figure img{margin:0 auto;box-shadow:var(--shadow-sm)}.post-content figcaption{font-size:.9em;color:var(--text-light);margin-top:.5em;line-height:1.4}.post-content figure.table{border:none;border-radius:var(--radius-sm);overflow:hidden;margin:1.5em auto;box-shadow:none;transition:border-color var(--transition-normal)}.post-content table{width:100%;border-collapse:collapse;font-size:.95em}.post-content table:hover{box-shadow:none}.post-content th,.post-content td{border:1px solid var(--border);padding:12px 15px;text-align:left}.post-content th{background-color:var(--background-alt);font-weight:700;color:var(--text-dark)}.post-content tr:nth-child(2n){background-color:var(--background-alt)}.post-content .media{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;margin:1.5em 0;background-color:#000;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.post-content .media iframe,.post-content .media object,.post-content .media embed{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.post-content a{color:var(--primary);text-decoration:underline;transition:color var(--transition-normal)}.post-content a:hover{color:var(--accent)}.post-footer{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:none;transition:border-color var(--transition-normal)}.post-author{text-align:center;margin-bottom:var(--space-lg)}.post-author p{font-size:1rem;color:var(--text-light);transition:color var(--transition-normal)}.post-share{text-align:center;margin-bottom:var(--space-xl)}.post-share h3{margin-bottom:.8rem;color:var(--text-dark);transition:color var(--transition-normal)}.share-buttons{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}.share-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);color:#fff;box-shadow:var(--shadow-xs)}.share-btn.twitter{background-color:#1da1f2}.share-btn.facebook{background-color:#4267b2}.share-btn.linkedin{background-color:#0077b5}.share-btn.copy{background-color:var(--text-light)}.share-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.related-posts{max-width:800px;margin:var(--space-xl) auto;padding:var(--space-xl) var(--space-lg);background-color:var(--background-alt);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);position:relative;overflow:hidden;border:none;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.related-posts:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--primary);transform:scaleX(1);transition:background var(--transition-normal)}.related-posts h2{text-align:center;margin-bottom:var(--space-lg);color:var(--text-dark);font-size:1.7rem;position:relative;display:inline-block;width:100%;transition:color var(--transition-normal)}.related-posts h2:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:50px;height:2px;background:var(--primary);border-radius:var(--radius-full);transition:background var(--transition-normal)}@media (prefers-color-scheme: dark){.related-posts h2{background:var(--gold-gradient-simple);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:goldShimmer 8s linear infinite;text-shadow:0 2px 10px rgba(0,0,0,.2)}.related-posts h2:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(249,223,133,.7) .1%,transparent .5%),radial-gradient(circle at 50% 70%,rgba(249,223,133,.5) .1%,transparent .5%),radial-gradient(circle at 80% 10%,rgba(249,223,133,.7) .1%,transparent .5%),radial-gradient(circle at 10% 90%,rgba(249,223,133,.5) .1%,transparent .5%);background-size:150% 150%;mix-blend-mode:overlay;animation:glitterEffect 6s ease-in-out infinite alternate;pointer-events:none}}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:var(--space-lg)}.related-post-card{background-color:var(--background);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-xs);transition:transform var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal);border:none;position:relative;height:100%;display:flex;flex-direction:column;will-change:transform,box-shadow;animation:fadeInUp .6s ease forwards;opacity:0}.related-posts-grid .related-post-card:nth-child(1){animation-delay:.7s}.related-posts-grid .related-post-card:nth-child(2){animation-delay:.8s}.related-posts-grid .related-post-card:nth-child(3){animation-delay:.9s}.related-post-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.related-post-card:hover:before{transform:scaleX(1)}.related-post-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.related-post-image{position:relative;height:140px;overflow:hidden}.related-post-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal);will-change:transform}.related-post-card:hover .related-post-image img{transform:scale(1.1)}.related-post-category{position:absolute;top:.8rem;left:.8rem;background-color:var(--primary);color:#fff;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-xs);transition:background-color var(--transition-normal),box-shadow var(--transition-normal)}.related-post-content{padding:1rem;flex-grow:1;display:flex;flex-direction:column}.related-post-content>*:first-child:not(h3){display:none;margin:0;padding:0;height:0;overflow:hidden}.related-post-content h3{font-size:1.15rem;font-weight:600;margin-bottom:.5rem;color:var(--text-dark);line-height:1.3;transition:color var(--transition-normal);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-card:hover .related-post-content h3{color:var(--primary)}.related-post-content p{color:var(--text-light);line-height:1.4;margin-bottom:.6rem;flex-grow:1;font-size:.9rem;display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;transition:color var(--transition-normal)}.related-post-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-light);margin-bottom:.6rem;padding-bottom:.5rem;border-bottom:none;transition:color var(--transition-normal),border-color var(--transition-normal)}.related-post-meta time{display:flex;align-items:center}.related-post-meta time:before{content:none}.related-post-reading-time{display:flex;align-items:center}.related-post-reading-time:before{content:none}.related-post-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.6rem}.related-post-tags .tag{background-color:rgba(var(--primary-rgb),.08);color:var(--primary);padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:.65rem;font-weight:500;transition:all var(--transition-normal)}.related-post-card:hover .related-post-tags .tag{background-color:rgba(var(--primary-rgb),.15);transform:none}.read-more-indicator{display:flex;align-items:center;justify-content:space-between;color:var(--primary);font-weight:600;font-size:.85rem;margin-top:auto;transition:all var(--transition-normal)}.read-more-indicator:after{content:"→";margin-left:.4rem;transition:transform var(--transition-normal)}.related-post-card:hover .read-more-indicator{color:var(--accent)}.related-post-card:hover .read-more-indicator:after{transform:translate(8px)}.back-to-blog{text-align:center;margin:var(--space-xl) 0}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;background-color:var(--primary);color:#fff;text-decoration:none;border-radius:var(--radius-sm);font-weight:600;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;z-index:1}.back-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s ease;z-index:-1}.back-btn:hover{background-color:var(--primary-dark);transform:translateY(-3px);box-shadow:var(--shadow-md)}.back-btn:hover:before{left:100%}.back-btn svg{width:18px;height:18px}.comments-section{max-width:800px;margin:var(--space-xl) auto;padding:0 var(--space-lg)}.comments-section h2{margin-bottom:var(--space-lg);color:var(--text-dark);transition:color var(--transition-normal)}.comments-placeholder{text-align:center;padding:var(--space-lg);background-color:var(--background-alt);border-radius:var(--radius-sm);color:var(--text-light);border:none;transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}.comments-placeholder a{color:var(--primary);text-decoration:none;font-weight:600;transition:color var(--transition-normal)}.comments-placeholder a:hover{color:var(--accent);text-decoration:underline}.loading-state,.error-state,.no-posts-state{text-align:center;padding:var(--space-lg);grid-column:1 / -1}.loading-spinner{width:40px;height:40px;border:4px solid rgba(var(--primary-rgb),.2);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;position:relative;margin:0 auto .8rem;transition:border-color var(--transition-normal)}.loading-spinner:before,.loading-spinner:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.loading-spinner:before{width:60px;height:60px;border:2px solid rgba(var(--primary-rgb),.05);animation:pulse 2s ease-out infinite;transition:border-color var(--transition-normal)}.loading-spinner:after{width:70px;height:70px;border:1px solid rgba(var(--primary-rgb),.02);animation:pulse 2s .5s ease-out infinite;transition:border-color var(--transition-normal)}.loading-text{color:var(--text-light);font-size:1.2rem;transition:color var(--transition-normal)}.error-state h2,.no-posts-state h2{color:var(--text-dark);margin-bottom:.8rem;transition:color var(--transition-normal)}.error-state p,.no-posts-state p{color:var(--text-light);margin-bottom:1.5rem;transition:color var(--transition-normal)}.btn{display:inline-block;padding:.7rem 1.4rem;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;transition:all var(--transition-normal);border:none;cursor:pointer;font-size:.95rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;z-index:1}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s ease;z-index:-1}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-3px);box-shadow:var(--shadow-md)}.btn-primary:hover:before{left:100%}.btn-secondary{background-color:transparent;color:var(--primary);border:none}.btn-secondary:hover{background-color:var(--primary);color:#fff}@media (prefers-color-scheme: dark){.blog-hero:before{background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23a67c00' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.post-category-badge{background-color:var(--primary)}.related-posts{background-color:var(--background-alt)}.related-post-category{background-color:var(--primary)}.related-post-tags .tag{background-color:rgba(var(--primary-rgb),.15);color:var(--primary-highlight)}.related-post-card:hover .related-post-tags .tag{background-color:rgba(var(--primary-rgb),.25)}}@media (max-width: 768px){.blog-hero .page-title{font-size:2.2rem}.blog-hero .page-description{font-size:1rem}.blog-controls{flex-direction:column;align-items:stretch;gap:.8rem;position:static}.blog-search{min-width:auto}.blog-filters{justify-content:center}.filter-select{min-width:100px;flex:1}.blog-posts-grid{grid-template-columns:1fr;gap:1rem;padding:0 var(--space-md)}.post-card-title{font-size:1.2rem}.post-card-content{padding:1rem}.post-card-image{height:160px}.post-meta{flex-direction:row;justify-content:space-between;gap:.4rem}.blog-post{padding:var(--space-lg) 1rem}.post-content{font-size:.95rem}.share-buttons{gap:.6rem}.breadcrumb{padding:.6rem 1rem}.breadcrumb ol{font-size:.75rem;padding:0 1rem}.related-posts{margin:var(--space-lg) 1rem;padding:var(--space-lg) 1rem}.related-posts-grid{grid-template-columns:1fr;gap:1rem}.related-posts h2{font-size:1.4rem}.related-post-image{height:140px}.related-post-content{padding:1rem}.related-post-content h3{font-size:1.1rem}.related-post-meta{flex-direction:row;justify-content:space-between;gap:.2rem}}@media (max-width: 480px){.blog-hero{padding:var(--space-lg) 1rem}.blog-hero .page-title{font-size:1.8rem}.blog-controls{padding:.8rem}.blog-content{padding:0}.blog-posts-grid{gap:.8rem;padding:0 var(--space-sm)}.post-card-content{padding:.8rem}.post-card-title{font-size:1.1rem}.post-title{font-size:1.6rem}.post-content h2{font-size:1.4rem}.post-content h3{font-size:1.2rem}.post-content h4{font-size:1rem}.related-posts{margin:var(--space-lg) .5rem;padding:var(--space-lg) .8rem}.related-post-image{height:120px}.related-post-content{padding:.8rem}.related-post-meta{flex-direction:column;gap:.2rem;align-items:flex-start}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes goldShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes goldWave{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes waveEffect{0%{transform:rotate(0) translate(-50%,-50%)}to{transform:rotate(360deg) translate(-50%,-50%)}}@keyframes glitterEffect{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}@keyframes goldPulse{0%{text-shadow:0 0 5px rgba(249,223,133,.1)}to{text-shadow:0 0 15px rgba(249,223,133,.4)}}@keyframes fadeInUpScale{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media print{.blog-controls,.load-more-container,.scroll-trigger,.share-buttons,.back-to-blog,.related-posts{display:none!important}.blog-post{max-width:none;padding:0}.post-content{font-size:12pt;line-height:1.5}.post-title{font-size:18pt;color:#000!important}.post-content h2{font-size:16pt;color:#000!important;border-bottom:1pt solid black}.post-content h3{font-size:14pt;color:#000!important}.post-content a{color:#000!important;text-decoration:underline}.post-content a[href]:after{content:" (" attr(href) ")";font-size:10pt}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.related-post-card,.related-post-image img,.read-more-indicator:after{transition:none}.related-posts:before{animation:none}}@media (prefers-contrast: high){.blog-post-card{border:2px solid var(--text)}.post-category-badge,.tag{border:1px solid var(--text)}.btn{border:2px solid currentColor}.related-post-card{border:2px solid var(--text)}.related-post-category{border:1px solid var(--text)}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.blog-post-card:focus-within{outline:2px solid var(--primary);outline-offset:2px}.search-container input:focus,.filter-select:focus,.refresh-btn:focus,.load-more-btn:focus,.back-btn:focus,.share-btn:focus{outline:2px solid var(--primary);outline-offset:2px}.related-post-card:focus-within{outline:2px solid var(--primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.blog-live-region{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.blog-post-card,.related-post-card{will-change:transform,box-shadow;backface-visibility:hidden;perspective:1000px}.post-card-image img,.related-post-image img{will-change:transform;backface-visibility:hidden}html{scroll-behavior:smooth}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--primary);color:#fff;padding:8px;z-index:100;transition:top .3s ease}.skip-to-content:focus{top:0}.blog-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:150px;width:100%}.blog-loading .loading-spinner{margin:0}.blog-error{text-align:center;padding:var(--space-lg);background-color:rgba(var(--error-rgb),.08);border:none;border-radius:var(--radius-sm);margin:var(--space-lg) 0;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.blog-error h3{color:var(--error);margin-bottom:.8rem;transition:color var(--transition-normal)}.blog-error p{color:var(--text);margin-bottom:1rem;transition:color var(--transition-normal)}.blog-typography{font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-animate-in{animation:fadeInUp .5s ease-out}.related-post-card[data-analytics=true]{cursor:pointer}.related-post-card[data-analytics=true]:hover{box-shadow:var(--shadow-md)}.blog-performance-marker{display:none}@media (max-width: 768px){.share-btn,.refresh-btn,.load-more-btn{min-height:40px;min-width:40px}.related-post-card{min-height:40px}}@media (prefers-color-scheme: dark){.blog-post-card,.related-post-card{background-color:var(--background);border-color:var(--border)}}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:1000;max-height:250px;overflow-y:auto;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.search-suggestion{padding:.6rem 1rem;cursor:pointer;transition:background-color var(--transition-fast)}.search-suggestion:hover{background-color:var(--background-alt)}.search-suggestion.active{background-color:var(--primary);color:#fff}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:.8rem;margin:var(--space-xl) 0}.pagination-btn{padding:.4rem .9rem;border:none;background:transparent;color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);font-size:.9rem}.pagination-btn:hover,.pagination-btn.active{background:var(--primary);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.blog-tags-cloud{display:flex;flex-wrap:wrap;gap:.4rem;margin:var(--space-lg) 0}.blog-tag-cloud-item{padding:.2rem .6rem;background:rgba(var(--primary-rgb),.08);color:var(--primary);border-radius:var(--radius-full);font-size:.8rem;text-decoration:none;transition:all var(--transition-normal)}.blog-tag-cloud-item:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.blog-archive{background:var(--background-alt);padding:var(--space-lg);border-radius:var(--radius-sm);margin:var(--space-lg) 0;border:none;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.blog-archive h3{margin-bottom:.8rem;color:var(--text-dark);transition:color var(--transition-normal)}.blog-archive-list{list-style:none;padding:0}.blog-archive-item{padding:.4rem 0;border-bottom:none;transition:border-color var(--transition-normal)}.blog-archive-item:last-child{border-bottom:none}.blog-archive-link{color:var(--text);text-decoration:none;transition:color var(--transition-normal)}.blog-archive-link:hover{color:var(--primary)}.blog-archive-date{font-size:.8rem;color:var(--text-light);margin-left:.4rem;transition:color var(--transition-normal)}