@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap);.posts-list.masonry-layout{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.post-card.masonry-item:nth-child(3n+1){min-height:420px}.post-card.masonry-item:nth-child(3n+2){min-height:380px}.post-card.masonry-item:nth-child(3n+3){min-height:450px}.post-card.masonry-item{background:linear-gradient(135deg,var(--white) 0,#f8fafccc 100%);border-radius:20px;overflow:hidden;position:relative}.post-card.masonry-item:before{background:linear-gradient(135deg,var(--secondary-color),var(--accent-color),#7c3aed);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.post-card.masonry-item:hover:before{opacity:.8}.post-card.masonry-item:hover{box-shadow:0 20px 40px #00000026,0 8px 32px #3182ce33;transform:translateY(-8px) scale(1.02)}.post-card.masonry-item.featured{background:linear-gradient(135deg,var(--secondary-color) 0,var(--accent-color) 100%);color:#fff;grid-column:span 2;min-height:500px}.post-card.masonry-item.featured .category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3}.post-card.masonry-item.featured .post-title a{color:#fff}.post-card.masonry-item.featured .post-excerpt{color:#ffffffe6}@media (max-width:768px){.posts-list.masonry-layout{grid-template-columns:1fr}.post-card.masonry-item.featured{grid-column:span 1}.post-card.masonry-item:nth-child(3n+1),.post-card.masonry-item:nth-child(3n+2),.post-card.masonry-item:nth-child(3n+3){min-height:auto}}*{animation:none!important;transform:none!important;transition:none!important}a:hover{text-decoration:underline}.post-card:hover{border-color:var(--secondary-color);box-shadow:0 2px 8px #0000001a}.header.scrolled{box-shadow:0 1px 3px #0000001a}input:focus,select:focus,textarea:focus{outline:2px solid var(--secondary-color);outline-offset:2px}.loading-bar:after{display:none}.newsletter-button{background:var(--secondary-color)}.newsletter-button:hover{background:var(--accent-color);color:#fff}.dark .newsletter-button{background:var(--secondary-color)}.dark .newsletter-button:hover{background:var(--accent-color);color:var(--background-color)}.animate-fadeIn,.fadeIn,.hover-lift,.stagger-animation>*{animation:none}.theme-toggle{background:#0000;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;font-weight:500;height:auto;padding:.5rem 1rem;width:auto}.theme-toggle:hover{background:var(--background-secondary)}.theme-toggle:after,.theme-toggle:before{display:none!important}.main-nav{gap:.5rem}.main-nav a,.nav-link{background:#0000;border-radius:4px;color:var(--text-color);font-weight:500;padding:.5rem 1rem;text-decoration:none}.main-nav a:hover,.nav-link:hover{text-decoration:none}.main-nav a.active,.main-nav a:hover,.nav-link.active,.nav-link:hover{background:var(--background-secondary);color:var(--secondary-color)}.main-nav a:before{display:none!important}.logo h1{-webkit-text-fill-color:initial!important;background:none!important;color:var(--primary-color)!important;font-size:1.75rem}.logo .tagline{color:var(--text-light);font-size:.875rem;font-weight:400}.footer-section h3:after,.footer-section h4:after,.header:after,.header:before,.logo:after,.post-card:before{display:none!important}.search-input:focus{box-shadow:none}.post-card{box-shadow:0 1px 3px #0000001a}.post-card:hover{box-shadow:0 2px 6px #00000026}.explore-tags-section{background:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:4rem;padding:2rem;text-align:center}.explore-tags-section h3{color:var(--text-color);font-size:1.5rem;margin-bottom:.5rem}.explore-tags-section p{color:var(--text-muted);margin-bottom:1.5rem}.explore-tags-button{background:var(--secondary-color);border-radius:6px;color:#fff;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.explore-tags-button:hover{background:var(--accent-color);box-shadow:0 4px 12px #6366f14d;color:#fff;transform:translateY(-2px)}.dark .explore-tags-button{background:var(--secondary-color);color:var(--background-color)}.dark .explore-tags-button:hover{background:var(--accent-color);color:var(--background-color)}.blog-page-new{margin:0 auto;max-width:1200px;padding:2rem 0}.blog-page-new .page-title{color:var(--text-color);font-size:2.5rem;margin-bottom:.5rem;text-align:center}.blog-page-new .page-subtitle{color:var(--text-muted);font-size:1.125rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:700px;text-align:center}.blog-grid-new{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.post-card{background:var(--card-bg);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.post-image{height:200px}.post-image img{transition:transform .3s ease}.post-card:hover .post-image img{transform:scale(1.05)}.post-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.category-badge{border:1px solid;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.post-title{margin:0 0 .75rem}.post-title a{color:var(--text-color);font-size:1.25rem;font-weight:600;text-decoration:none}.post-title a:hover{color:var(--primary-color)}.post-excerpt{color:var(--text-muted);flex:1 1;line-height:1.6;margin-bottom:1rem}.post-footer{align-items:flex-end;color:var(--text-muted);font-size:.875rem}.post-tags .tag{color:var(--primary-color);font-size:.8125rem;opacity:.8;text-decoration:none;transition:opacity .2s}.post-tags .tag:hover{opacity:1;text-decoration:underline}.category-pillar-section{margin-bottom:2rem}.category-pillar-card{background:var(--card-bg);transition:transform .2s ease,box-shadow .2s ease}.category-pillar-card:hover{box-shadow:0 8px 24px #3498db33;transform:translateY(-4px)}.category-pillar-card .pillar-badge{background:var(--primary-color);color:#fff;letter-spacing:.5px}.category-pillar-card h3{margin:0 0 .75rem}.category-pillar-card p{color:var(--text-muted);margin-bottom:1rem}.category-pillar-card .read-guide-link{align-items:center;color:var(--primary-color);display:inline-flex;font-weight:500;gap:.5rem}.dark .post-author,.dark .post-date,.dark .post-excerpt,.dark .post-footer{color:var(--text-muted)}.dark .explore-tags-section{background:var(--card-bg);border:1px solid var(--border-color)}.dark .explore-tags-section h3{color:var(--text-color)}.dark .explore-tags-section p{color:var(--text-muted)}@media (max-width:768px){.blog-page-new{padding:1rem 0}.blog-grid-new{gap:1.5rem;grid-template-columns:1fr}.post-image{height:180px}}*{box-sizing:border-box}:root{--primary-color:#0f172a;--secondary-color:#6366f1;--accent-color:#8b5cf6;--game-accent:#10b981;--warning-color:#f59e0b;--text-color:#1e293b;--text-light:#64748b;--background-color:#fff;--background-secondary:#f8fafc;--background-tertiary:#f1f5f9;--white:#fff;--border-color:#e2e8f0;--border-accent:#6366f133;--shadow:0 1px 3px 0 #0f172a14,0 1px 2px 0 #0f172a0a;--shadow-hover:0 8px 25px -5px #0f172a1a,0 4px 10px -6px #0f172a14;--shadow-active:0 20px 40px -12px #6366f140;--max-width:1200px;--content-width:800px;--border-radius:8px;--border-radius-large:12px;--card-bg:#fff;--bg-color:#fff;--text-muted:#64748b}.dark{--primary-color:#f1f5f9;--secondary-color:#818cf8;--accent-color:#a78bfa;--game-accent:#34d399;--warning-color:#fbbf24;--text-color:#e2e8f0;--text-light:#94a3b8;--background-color:#0f172a;--background-secondary:#1e293b;--background-tertiary:#334155;--white:#1e293b;--border-color:#334155;--border-accent:#818cf84d;--shadow:0 4px 12px 0 #00000026,0 2px 4px 0 #00000014;--shadow-hover:0 12px 32px -4px #00000040,0 8px 16px -8px #00000026;--shadow-active:0 20px 40px -12px #818cf866;--card-bg:#1e293b;--bg-color:#0f172a;--text-muted:#94a3b8}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--background-color);color:#1e293b;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;letter-spacing:-.01em;line-height:1.65;margin:0;position:relative}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;letter-spacing:-.02em;line-height:1.2}a{color:#6366f1;color:var(--secondary-color);text-decoration:none}a:hover{color:#8b5cf6;color:var(--accent-color)}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--primary-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;line-height:1.3;margin:0}.page-header h1,h1.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#7c3aed);background:linear-gradient(135deg,var(--secondary-color) 0,var(--accent-color) 50%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text;position:relative}.layout-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;margin-left:auto;padding:4px}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#1e293b;color:var(--text-color);cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.toggle-btn:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));border-radius:8px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.toggle-btn:hover:before{opacity:.1}.toggle-btn.active:before{opacity:1}.toggle-btn.active{box-shadow:0 4px 12px #3182ce4d;color:#fff;transform:scale(1.05)}.toggle-btn svg{position:relative;transition:transform .2s ease;z-index:1}.toggle-btn:hover svg{transform:scale(1.1)}.header-top{position:relative}.layout-toggle-wrapper{align-items:flex-start;display:flex;gap:1rem;position:absolute;right:0;top:0}@media (max-width:768px){.layout-toggle-wrapper{justify-content:center;margin-top:1rem;position:static}}.dark .layout-toggle{background:#2d3748cc;border-color:#4a55684d}.dark .toggle-btn:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--secondary-color),var(--accent-color))}.section-title{padding-left:24px;position:relative}.section-title:before{animation:pulse 2s infinite;background:#6366f1;background:var(--secondary-color);content:"";height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}p{margin:0}.container{margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:0 1rem}.layout{display:flex;flex-direction:column;min-height:100vh}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px 0 #0f172a14,0 1px 2px 0 #0f172a0a;box-shadow:var(--shadow);position:sticky;position:relative;top:0;z-index:100}.header,.header:before{transition:var(--transition)}.header:before{background:var(--gradient-primary);bottom:0;content:"";height:2px;left:0;opacity:0;position:absolute;right:0}.header.scrolled{border-bottom-color:#6366f133;border-bottom-color:var(--border-accent);box-shadow:0 8px 25px -5px #0f172a1a,0 4px 10px -6px #0f172a14;box-shadow:var(--shadow-hover)}.header.scrolled:before{opacity:1}.dark .header{background:#1e293bf2;border-bottom-color:#e2e8f0;border-bottom-color:var(--border-color)}.header-content{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.logo{text-decoration:none}.logo,.logo h1{color:#0f172a;color:var(--primary-color);position:relative}.logo h1{-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0}.logo h1:after{animation:pulse-gentle 3s ease-in-out infinite;color:#10b981;color:var(--game-accent);content:"◆";font-size:.75em;margin-left:.5rem;opacity:.6}@keyframes pulse-gentle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.tagline{color:#64748b;color:var(--text-light);display:block;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400}.main-nav{align-items:center;display:flex;gap:2rem}.main-nav a{border-radius:8px;color:#0f172a;color:var(--primary-color);font-weight:500;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-nav a:before{background:#6366f1;background:var(--secondary-color);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.main-nav a:hover{background:#3182ce1a;color:#6366f1;color:var(--secondary-color);transform:translateY(-2px)}.main-nav a:hover:before{width:80%}.theme-toggle{align-items:center;background:none;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:50%;color:#1e293b;color:var(--text-color);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;overflow:hidden;padding:.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.theme-toggle:before{background:#3182ce1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.theme-toggle:hover{background-color:#fff;background-color:var(--background-color);border-color:#6366f1;border-color:var(--secondary-color);transform:rotate(180deg) scale(1.1)}.theme-toggle:hover:before{height:100%;width:100%}.main-content{flex:1 1;padding:2rem 0}.blog-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:300px 1fr}.sidebar{position:sticky;top:100px}.categories-sidebar{background:#fff;background:var(--white);border:1px solid #3182ce1a;border-radius:16px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d;padding:2rem;transition:all .3s ease}.categories-sidebar:hover{border-color:#3182ce33;box-shadow:0 12px 48px #00000026,0 4px 16px #3182ce1a;transform:translateY(-2px)}.categories-sidebar h3{color:#0f172a;color:var(--primary-color);font-size:1.25rem;margin:0 0 1rem}.categories-list{list-style:none;margin:0;padding:0}.category-item{border-radius:6px;cursor:pointer;margin:0 -.75rem;padding:.75rem;transition:background .3s}.category-item:hover{background:#fff;background:var(--background-color)}.category-item.active{background:#3498db1a}.category-name{color:#0f172a;color:var(--primary-color);display:block;font-weight:500;margin-bottom:.25rem}.category-description{color:#64748b;color:var(--text-light);display:block;font-size:.75rem;line-height:1.4}.content-area{min-width:0}.page-header{margin-bottom:2rem}.header-top{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:1rem}.header-text h1{color:#0f172a;color:var(--primary-color);font-size:2.5rem;margin:0 0 .5rem}.header-text .category-description{color:#64748b;color:var(--text-light);font-size:1.125rem}.header-search{flex-shrink:0;min-width:300px}.search-bar{width:100%}.search-input-container{align-items:center;display:flex;position:relative}.search-input{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:8px;color:#1e293b;font-size:1rem;padding:.875rem 3rem .875rem 1.25rem;position:relative;transition:all .2s ease}.search-input:focus{border-color:#6366f1;border-color:var(--secondary-color);box-shadow:0 0 0 3px #6366f11a}.search-input::placeholder{color:#64748b;color:var(--text-light);opacity:.7}.search-button{background:none;border:none;border-radius:50%;color:#64748b;color:var(--text-light);cursor:pointer;padding:.5rem;position:absolute;right:.5rem;transition:color .3s}.search-button:hover{color:#6366f1;color:var(--secondary-color)}.search-results-info{align-items:center;background:#f8fafc;background:var(--background-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin-top:1rem;padding:.75rem 1rem}.search-results-info p{color:#1e293b;color:var(--text-color);font-size:.95rem;font-weight:500}.search-results-info p strong{color:#6366f1;color:var(--secondary-color)}.clear-search-btn{background:#6366f1;background:var(--secondary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .3s}.clear-search-btn:hover{background:#2980b9}.category-pillar-section{margin-bottom:3rem}.category-pillar-card{background:#f8fafc;background:var(--background-secondary);border:2px solid #0f172a;border:2px solid var(--primary-color);border-radius:8px;color:#1e293b;color:var(--text-color);display:block;overflow:hidden;padding:2rem;position:relative;text-decoration:none}.category-pillar-card:hover{border-color:#6366f1;border-color:var(--secondary-color);box-shadow:0 4px 12px #0000001a}.category-pillar-card .pillar-badge{background:#0000;border:1px solid #0f172a;border:1px solid var(--primary-color);border-radius:4px;color:#0f172a;color:var(--primary-color);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;padding:.25rem .75rem;text-transform:uppercase}.category-pillar-card h3{color:#1e293b;color:var(--text-color);font-size:1.5rem;line-height:1.3;margin-bottom:.75rem}.category-pillar-card p{color:#64748b;color:var(--text-light);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.category-pillar-card .read-guide-link{color:#6366f1;color:var(--secondary-color);font-size:.95rem;font-weight:600}.posts-list{display:flex;flex-direction:column;gap:2rem}.post-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 1px 3px 0 #0f172a14,0 1px 2px 0 #0f172a0a;box-shadow:var(--shadow);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.post-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6 50%,#7c3aed);background:linear-gradient(90deg,var(--secondary-color) 0,var(--accent-color) 50%,#7c3aed 100%);height:4px;transform:scaleX(0);transition:transform .4s ease}.post-card:after,.post-card:before{content:"";left:0;position:absolute;right:0;top:0}.post-card:after{background:linear-gradient(135deg,#3182ce08,#7c3aed0d);bottom:0;opacity:0;pointer-events:none;transition:opacity .4s ease}.post-card:hover{box-shadow:0 20px 60px #00000026,0 8px 30px #3182ce1a;transform:translateY(-12px) scale(1.03)}.post-card:hover:before{transform:scaleX(1)}.post-card:hover:after{opacity:1}.post-card:hover{border-color:#3182ce4d}.post-image{height:300px;overflow:hidden;position:relative;width:100%}.post-image:after{background:linear-gradient(135deg,#3182ce1a,#2b6cb033);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.post-card:hover .post-image:after{opacity:1}.post-image img{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.post-card:hover .post-image img{transform:scale(1.1)}.post-content{padding:2rem}.post-meta{align-items:center;display:flex;font-size:.875rem;gap:1rem;margin-bottom:1rem}.category-badge{align-items:center;background:#0000;border:1px solid #6366f1;border:1px solid var(--secondary-color);border-radius:4px;color:#6366f1;color:var(--secondary-color);display:inline-flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.category-badge:hover{background:#f8fafc;background:var(--background-secondary)}.post-date{color:#64748b;color:var(--text-light)}.post-title{font-family:Space Grotesk,sans-serif;font-size:1.875rem;line-height:1.3;margin:0 0 1rem}.post-title a{color:#0f172a;color:var(--primary-color);transition:color .3s}.post-title a:hover{color:#6366f1;color:var(--secondary-color)}.post-excerpt{color:#64748b;color:var(--text-light);font-size:.95rem;line-height:1.8;margin:0 0 1.5rem}.post-footer{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.post-author{color:#64748b;color:var(--text-light);font-size:.875rem}.read-time{color:#6366f1;color:var(--secondary-color);font-weight:500}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#3498db1a;border-radius:4px;color:#6366f1;color:var(--secondary-color);font-size:.75rem;padding:.25rem .5rem}.footer{background:#0f172a;background:var(--primary-color);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);color:#1e293b;color:var(--text-color);margin-top:3rem;padding:2rem 0 1rem}body:not(.dark) .footer{background:#2c3e50;color:#ecf0f1}.dark .footer{background:#0f1419;border-top-color:#2d3748;color:#e2e8f0}.footer-content{animation:fadeIn .8s ease-out .2s backwards}.footer-section h3,.footer-section h4{position:relative}.footer-section h3:after,.footer-section h4:after{background:#6366f1;background:var(--secondary-color);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-section:hover h3:after,.footer-section:hover h4:after{width:30px}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h3,.footer-section h4{color:inherit;margin-bottom:.75rem}.footer-section h3{font-size:1.25rem}.footer-section h4{font-size:.95rem;font-weight:600}.footer-section p{line-height:1.6;margin-bottom:1rem;opacity:.8}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.5rem}.footer-links a{opacity:.8;transition:opacity .3s}.footer-links a:hover{opacity:1}.social-links a{color:#bdc3c7;transition:color .3s}.social-links a:hover{color:#3498db}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:1.5rem;text-align:center}.dark .footer-bottom{border-top-color:#ffffff0d}.footer-bottom p{font-size:.875rem;margin:.25rem 0;opacity:.6}.footer-tagline{font-style:italic;opacity:.9}.error,.loading,.no-posts{color:#64748b;color:var(--text-light);padding:3rem;text-align:center}.error{background-color:#f565651a;border:1px solid #f5656533;border-radius:8px;border-radius:var(--border-radius);color:#8b5cf6;color:var(--accent-color)}.skeleton-post-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 3px 0 #0f172a14,0 1px 2px 0 #0f172a0a;box-shadow:var(--shadow);margin-bottom:2rem;overflow:hidden}.skeleton-image{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f8fafc 25%,#e2e8f0 50%,#f8fafc 75%);background:linear-gradient(90deg,var(--background-secondary) 25%,var(--border-color) 50%,var(--background-secondary) 75%);background-size:200% 100%;height:300px;width:100%}.skeleton-content{padding:2rem}.skeleton-meta{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.skeleton-badge{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f8fafc 25%,#e2e8f0 50%,#f8fafc 75%);background:linear-gradient(90deg,var(--background-secondary) 25%,var(--border-color) 50%,var(--background-secondary) 75%);background-size:200% 100%;border-radius:12px;height:24px;width:120px}.skeleton-date{height:16px;width:80px}.skeleton-date,.skeleton-title{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f8fafc 25%,#e2e8f0 50%,#f8fafc 75%);background:linear-gradient(90deg,var(--background-secondary) 25%,var(--border-color) 50%,var(--background-secondary) 75%);background-size:200% 100%;border-radius:4px}.skeleton-title{height:24px;margin-bottom:.75rem;width:100%}.skeleton-title-short{width:65%}.skeleton-text{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f8fafc 25%,#e2e8f0 50%,#f8fafc 75%);background:linear-gradient(90deg,var(--background-secondary) 25%,var(--border-color) 50%,var(--background-secondary) 75%);background-size:200% 100%;border-radius:4px;height:16px;margin-bottom:.75rem;width:100%}.skeleton-text-short{width:80%}.skeleton-footer{align-items:center;display:flex;justify-content:space-between;margin-top:1.5rem}.skeleton-author{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f8fafc 25%,#e2e8f0 50%,#f8fafc 75%);background:linear-gradient(90deg,var(--background-secondary) 25%,var(--border-color) 50%,var(--background-secondary) 75%);background-size:200% 100%;border-radius:4px;height:16px;width:100px}.skeleton-tags{display:flex;gap:.5rem}.skeleton-tag{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f8fafc 25%,#e2e8f0 50%,#f8fafc 75%);background:linear-gradient(90deg,var(--background-secondary) 25%,var(--border-color) 50%,var(--background-secondary) 75%);background-size:200% 100%;border-radius:10px;height:20px;width:60px}.skeleton-tag-short{width:45px}.skeleton-posts-list{display:flex;flex-direction:column;gap:2rem}.skeleton-text-container{background:#fff;background:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 3px 0 #0f172a14,0 1px 2px 0 #0f172a0a;box-shadow:var(--shadow);padding:2rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.blog-post{background:#fff;background:var(--white);border-radius:8px;box-shadow:0 1px 3px 0 #0f172a14,0 1px 2px 0 #0f172a0a;box-shadow:var(--shadow);margin:0 auto;max-width:800px;padding:3rem;transition:background-color .3s}.back-link{color:#6366f1;color:var(--secondary-color);display:inline-block;font-size:.9rem;margin-bottom:2rem;transition:color .3s ease}.back-link:hover{color:#0f172a;color:var(--primary-color)}.blog-post h1{font-size:2.5rem;margin-bottom:1rem}.blog-post-meta{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#64748b;color:var(--text-light);display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:2rem}.blog-post-content{font-size:1.125rem}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{color:#0f172a;color:var(--primary-color);margin:2rem 0 1rem}.blog-post-content p{color:#1e293b;color:var(--text-color);margin-bottom:1.5rem}.blog-post-content ol,.blog-post-content ul{margin:0 0 1.5rem 2rem}.blog-post-content li{color:#1e293b;color:var(--text-color);margin-bottom:.5rem}.blog-post-content code{border-radius:3px;color:#1e293b;color:var(--text-color);font-size:.9em;padding:.2rem .4rem}.blog-post-content code,.blog-post-content pre{background:#fff;background:var(--background-color)}.blog-post-content pre{border-radius:4px;margin-bottom:1.5rem;overflow-x:auto;padding:1rem}.blog-post-content blockquote{border-left:4px solid #6366f1;border-left:4px solid var(--secondary-color);color:#64748b;color:var(--text-light);font-style:italic;margin:0 0 1.5rem;padding-left:1rem}.blog-post-content table{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px 0 #0f172a14,0 1px 2px 0 #0f172a0a;box-shadow:var(--shadow);margin:2rem 0;overflow:hidden;width:100%}.blog-post-content table thead{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));color:#fff}.blog-post-content table td,.blog-post-content table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);font-size:.95rem;padding:1rem;text-align:left}.blog-post-content table th{border-bottom:none;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.blog-post-content table tbody tr{transition:background-color .2s ease}.blog-post-content table tbody tr:hover{background-color:#3182ce0d}.blog-post-content table tbody tr:nth-child(2n){background-color:#00000005}.blog-post-content table tbody tr:last-child td{border-bottom:none}.blog-post-content table td:first-child{color:#6366f1;color:var(--secondary-color);font-weight:500}.footer-newsletter{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding:2rem 0;text-align:center}.newsletter-signup{margin:0 auto;max-width:600px}.newsletter-signup h4{color:#0f172a;color:var(--primary-color);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.newsletter-signup>p{color:#64748b;color:var(--text-light);font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.newsletter-form{margin-bottom:1rem}.newsletter-form .form-group{display:flex;gap:.5rem;justify-content:center;margin:0 auto .75rem;max-width:400px}.newsletter-input{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;color:#1e293b;color:var(--text-color);flex:1 1;font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease}.newsletter-input:focus{border-color:#6366f1;border-color:var(--secondary-color);box-shadow:0 0 0 2px #6366f11a;outline:none}.newsletter-input:disabled{cursor:not-allowed;opacity:.6}.newsletter-button{background:#0f172a;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.newsletter-button:hover{background:#1e293b;background:var(--text-color)}.newsletter-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.newsletter-message{animation:slideIn .3s cubic-bezier(.4,0,.2,1);border-radius:6px;font-size:.875rem;line-height:1.4;margin:.75rem 0 0;padding:.75rem 1rem}.newsletter-message.success{color:#059669}.newsletter-message.error{color:#dc2626}.newsletter-privacy{color:#64748b;color:var(--text-light);font-size:.75rem;margin:0;opacity:.8}.dark .footer-newsletter{border-bottom-color:#ffffff1a}.dark .newsletter-input{background:#fff;background:var(--background-color);border-color:#ffffff1a;color:#0f172a;color:var(--primary-color)}.dark .newsletter-input:focus{border-color:#6366f1;border-color:var(--secondary-color);box-shadow:0 0 0 2px #818cf833}.dark .newsletter-button{background:#0f172a;background:var(--primary-color);color:#fff;color:var(--background-color)}.dark .newsletter-button:hover{background:#64748b;background:var(--text-light)}.dark .newsletter-message{background:#ffffff0d;border-color:#ffffff1a}.dark .newsletter-message.success{background:#34d3991a;border-color:#34d3994d;color:#34d399}.dark .newsletter-message.error{background:#f871711a;border-color:#f871714d;color:#f87171}@media (max-width:768px){.newsletter-form .form-group{flex-direction:column}.newsletter-button{width:100%}.newsletter-signup{padding:1.5rem}}.dark .blog-post-content table{background:#fff;background:var(--white);border-color:#e2e8f0;border-color:var(--border-color)}.dark .blog-post-content table tbody tr:nth-child(2n){background-color:#ffffff05}.dark .blog-post-content table tbody tr:hover{background-color:#63b3ed1a}@media (max-width:768px){.blog-post-content table{font-size:.875rem;margin:1.5rem 0}.blog-post-content table td,.blog-post-content table th{padding:.75rem .5rem}.blog-post-content table th{font-size:.8rem}}button{background:var(--gradient-primary);border:none;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 3px 0 #0f172a14,0 1px 2px 0 #0f172a0a;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;overflow:hidden;padding:.75rem 1.5rem;position:relative}button,button:before{transition:var(--transition)}button:before{background:linear-gradient(135deg,#fff3,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0}button:hover{box-shadow:0 8px 25px -5px #0f172a1a,0 4px 10px -6px #0f172a14;box-shadow:var(--shadow-hover);transform:translateY(-2px)}button:hover:before{opacity:1}button:active{box-shadow:0 1px 3px 0 #0f172a14,0 1px 2px 0 #0f172a0a;box-shadow:var(--shadow);transform:translateY(0)}input,textarea{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);color:#1e293b;color:var(--text-color);font-family:inherit;font-size:1rem;padding:.75rem 1rem;position:relative;transition:var(--transition)}input:focus,textarea:focus{border-color:#6366f1;border-color:var(--secondary-color);box-shadow:0 0 0 3px #6366f11a;outline:none;transform:translateY(-1px)}:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--secondary-color);outline-offset:2px}@media (max-width:1024px){.blog-layout{grid-template-columns:250px 1fr}.header-search{min-width:250px}}@media (max-width:768px){.blog-layout{grid-template-columns:1fr}.sidebar{margin-bottom:2rem;position:static}.header-content{flex-direction:column;gap:1rem}.main-nav{gap:1rem}.header-top{align-items:stretch;flex-direction:column;gap:1rem}.header-search{min-width:auto}.post-image{height:200px}.header-text h1{font-size:2rem}.blog-post{padding:2rem 1rem}.blog-post h1{font-size:2rem}.footer-content{grid-template-columns:1fr;text-align:center}.social-links{justify-content:center}.search-results-info{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:480px){.container{padding:0 .5rem}.post-content{padding:1.5rem}.categories-sidebar{padding:1rem}.header-text h1{font-size:1.75rem}.main-nav{flex-wrap:wrap;justify-content:center}.theme-toggle{font-size:1rem;height:35px;width:35px}}@media (prefers-contrast:high){:root{--border-color:#000;--shadow:0 2px 4px #00000080}.dark{--border-color:#fff}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hero{background:#f8fafc;background:var(--background-secondary);margin:-2rem 0 4rem;padding:4rem 0 5rem;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-title{color:#0f172a;color:var(--primary-color);font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.hero-subtitle{color:#64748b;color:var(--text-light);font-size:1.25rem;font-weight:400;line-height:1.6;margin-bottom:2rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary,.btn-secondary{border:1px solid #0000;border-radius:8px;border-radius:var(--border-radius);display:inline-block;font-size:1rem;font-weight:500;padding:.875rem 2rem;text-decoration:none;transition:var(--transition)}.btn-primary{background:#6366f1;background:var(--secondary-color);border-color:#6366f1;border-color:var(--secondary-color);color:#fff}.btn-primary:hover{background:#8b5cf6;background:var(--accent-color);border-color:#8b5cf6;border-color:var(--accent-color);transform:translateY(-1px)}.btn-secondary{background:#0000;border-color:#6366f1;border-color:var(--secondary-color);color:#6366f1;color:var(--secondary-color)}.btn-secondary:hover{background:#6366f1;background:var(--secondary-color);color:#fff;transform:translateY(-1px)}.featured-topics{margin:4rem 0}.featured-topics h2{color:#0f172a;color:var(--primary-color);font-size:2.5rem;margin-bottom:3rem;text-align:center}.topics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.topic-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px 0 #0f172a14,0 1px 2px 0 #0f172a0a;box-shadow:var(--shadow);color:inherit;padding:2rem;text-decoration:none;transition:all .3s ease}.topic-card:hover{border-color:#6366f1;border-color:var(--secondary-color);box-shadow:0 8px 25px -5px #0f172a1a,0 4px 10px -6px #0f172a14;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.topic-icon{font-size:2.5rem;margin-bottom:1rem}.topic-card h3{color:#0f172a;color:var(--primary-color);font-size:1.25rem;margin-bottom:.75rem}.topic-card p{color:#64748b;color:var(--text-light);line-height:1.6}.home-about{background:#fff;background:var(--white);border-radius:12px;box-shadow:0 1px 3px 0 #0f172a14,0 1px 2px 0 #0f172a0a;box-shadow:var(--shadow);margin:4rem 0;padding:3rem}.about-content{grid-gap:3rem;align-items:center;gap:3rem}.about-text h2{color:#0f172a;color:var(--primary-color);font-size:2rem;margin-bottom:1rem}.about-text p{color:#64748b;color:var(--text-light);line-height:1.6;margin-bottom:1rem}.learn-more-link{color:#6366f1;color:var(--secondary-color);font-weight:600;text-decoration:none;transition:color .3s ease}.learn-more-link:hover{color:#2980b9}.about-stats{display:flex;flex-direction:column;gap:1.5rem}.stat{background:#fff;background:var(--background-color);border-radius:8px;padding:1.5rem;text-align:center}.stat-number{color:#6366f1;color:var(--secondary-color);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#64748b;color:var(--text-light);font-size:.875rem;font-weight:500}.latest-articles{margin:4rem 0;text-align:center}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.section-header h2{color:#0f172a;color:var(--primary-color);font-size:2rem;margin:0}.view-all-link{color:#6366f1;color:var(--secondary-color);font-weight:600;text-decoration:none;transition:color .3s ease}.view-all-link:hover{color:#2980b9}.section-description{color:#64748b;color:var(--text-light);font-size:1.125rem;margin-bottom:2rem}.cta-content{margin-top:2rem}@media (max-width:768px){.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.125rem}.hero-actions{align-items:center;flex-direction:column}.about-content,.topics-grid{grid-template-columns:1fr}.about-content{text-align:center}.about-stats{flex-direction:row;justify-content:center}.section-header{flex-direction:column;gap:1rem;text-align:center}.featured-topics h2{font-size:2rem}}.about-page{margin:0 auto;max-width:1200px}.about-header{margin-bottom:3rem;padding:2rem 0;text-align:center}.about-header h1{color:#0f172a;color:var(--primary-color);font-size:3rem;margin-bottom:1rem}.about-subtitle{color:#64748b;color:var(--text-light);font-size:1.25rem;margin:0}.about-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:2fr 1fr}.about-main h2{color:#0f172a;color:var(--primary-color);font-size:2rem;margin:2rem 0 1rem}.about-main p{color:#64748b;color:var(--text-light);line-height:1.6;margin-bottom:1.5rem}.content-areas{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:2rem 0}.content-area{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.content-area h3{color:#0f172a;color:var(--primary-color);font-size:1.125rem;margin-bottom:.75rem}.content-area p{color:#64748b;color:var(--text-light);font-size:.925rem;margin:0}.about-main ul{list-style:none;margin:1.5rem 0;padding:0}.about-main li{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#64748b;color:var(--text-light);padding:.75rem 0}.about-main li:last-child{border-bottom:none}.cta-section{background:#fff;background:var(--background-color);border-radius:8px;display:flex;gap:1rem;justify-content:center;margin:3rem 0;padding:2rem;text-align:center}.about-sidebar .featured-topics,.about-sidebar .stats-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.about-sidebar h3{color:#0f172a;color:var(--primary-color);margin-bottom:1.5rem;margin-top:0}.stat-item{background:#fff;background:var(--background-color);border-radius:8px;margin-bottom:1rem;padding:1rem;text-align:center}.stat-item:last-child{margin-bottom:0}.about-sidebar .stat-number{color:#6366f1;color:var(--secondary-color);font-size:2rem;font-weight:700;margin-bottom:.25rem}.about-sidebar .stat-label{color:#64748b;color:var(--text-light);font-size:.875rem}.featured-topics ul{list-style:none;margin:0;padding:0}.featured-topics li{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:.5rem 0}.featured-topics li:last-child{border-bottom:none}.featured-topics a{color:#6366f1;color:var(--secondary-color);text-decoration:none;transition:color .3s ease}.featured-topics a:hover{color:#2980b9}.contact-page{margin:0 auto;max-width:1200px}.contact-header{margin-bottom:3rem;padding:2rem 0;text-align:center}.contact-header h1{color:#0f172a;color:var(--primary-color);font-size:3rem;margin-bottom:1rem}.contact-subtitle{color:#64748b;color:var(--text-light);font-size:1.25rem;margin:0}.contact-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:2fr 1fr}.contact-form{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#0f172a;color:var(--primary-color);display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:4px;color:#1e293b;color:var(--text-color);font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;border-color:var(--secondary-color);outline:none}.form-group textarea{min-height:120px;resize:vertical}.success-message{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;padding:3rem;text-align:center}.success-message h2{color:#6366f1;color:var(--secondary-color);margin-bottom:1rem}.success-message p{color:#64748b;color:var(--text-light);margin-bottom:2rem}.contact-sidebar>div{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.contact-sidebar h3{margin-bottom:1rem;margin-top:0}.contact-sidebar h3,.contact-sidebar h4{color:#0f172a;color:var(--primary-color)}.contact-sidebar h4{font-size:1rem;margin-bottom:.5rem}.contact-sidebar p{color:#64748b;color:var(--text-light);margin-bottom:1rem}.contact-links{margin-top:1.5rem}.contact-link{background:#fff;background:var(--background-color);border-radius:8px;margin-bottom:1rem;padding:1rem}.contact-link:last-child{margin-bottom:0}.contact-link a{color:#6366f1;color:var(--secondary-color);font-weight:600;text-decoration:none;transition:color .3s ease}.contact-link a:hover{color:#2980b9}.social-links{display:flex;gap:1rem}.social-links a{color:#6366f1;color:var(--secondary-color);font-weight:500;text-decoration:none;transition:color .3s ease}.social-links a:hover{color:#2980b9}.topics-of-interest ul{color:#64748b;color:var(--text-light);list-style:disc;margin-left:1.5rem}.topics-of-interest li{margin-bottom:.5rem}.response-time p{color:#64748b;color:var(--text-light);font-size:.925rem;margin:0}@media (max-width:768px){.about-content,.contact-content{gap:2rem;grid-template-columns:1fr}.about-header h1,.contact-header h1{font-size:2.25rem}.content-areas{grid-template-columns:1fr}.cta-section{align-items:center}.about-stats,.cta-section{flex-direction:column}}.pillar-articles{background:#0000;margin-bottom:3rem;padding:4rem 0}.pillar-section-title{color:var(--primary-color);font-size:2rem;margin-bottom:3rem;text-align:center}.pillar-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:0 1rem}.pillar-card{background:var(--background);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);display:block;overflow:hidden;padding:2rem;position:relative;text-decoration:none}.pillar-card:hover{border-color:var(--secondary-color);box-shadow:0 4px 12px #0000001a}.pillar-card-content{position:relative;z-index:1}.pillar-category{background:#0000;border:1px solid;border-radius:4px;color:var(--text-color);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;padding:.25rem .75rem;text-transform:uppercase}.pillar-category.level-world-design{border-color:#2ecc71;color:#2ecc71}.pillar-category.monetization-business-design{border-color:#e74c3c;color:#e74c3c}.pillar-category.core-mechanics-feel{border-color:#3498db;color:#3498db}.pillar-category.psychology-engagement{border-color:#9b59b6;color:#9b59b6}.pillar-category.interface-user-experience{border-color:#1abc9c;color:#1abc9c}.pillar-title{color:var(--text-color);font-size:1.25rem;line-height:1.4;margin-bottom:1rem}.pillar-description{color:var(--text-light);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.pillar-link{align-items:center;color:var(--secondary-color);display:inline-flex;font-size:.9rem;font-weight:600}.pillar-articles-loading{padding:4rem 0;text-align:center}.loading-text{color:var(--text-light);font-size:1.1rem}@media (max-width:768px){.pillar-section-title{font-size:1.5rem;margin-bottom:2rem}.pillar-grid{gap:1.5rem;grid-template-columns:1fr}.pillar-card{padding:1.5rem}.pillar-title{font-size:1.125rem}}.filter-bar{background:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.filter-bar-stats{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.article-count{color:var(--text-muted);font-size:.875rem}.article-count strong{color:var(--text-color);font-weight:600}.clear-filters{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:opacity .2s}.clear-filters:hover{opacity:.7}.filter-bar-controls{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:200px 1fr auto auto}.filter-dropdown select{appearance:none;background-color:var(--bg-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px 8px;border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.9375rem;padding:.625rem 2rem .625rem 1rem;width:100%}.filter-dropdown select:focus{border-color:var(--primary-color);outline:none}.filter-search{display:flex;position:relative}.search-input{background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:.9375rem;padding:.625rem 2.5rem .625rem 1rem;width:100%}.search-input:focus{border-color:var(--primary-color);outline:none}.search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.25rem;line-height:1;padding:.25rem .5rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.search-clear:hover{color:var(--text-color)}.filter-quick-links{display:flex;gap:1rem}.quick-link{color:var(--primary-color);font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .2s;white-space:nowrap}.quick-link:hover{opacity:.7}.active-filters{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem}.filter-pill{align-items:center;background:var(--primary-color);border-radius:20px;color:#fff;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.375rem .75rem}.filter-pill button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.125rem;line-height:1;margin-left:.25rem;opacity:.8;padding:0}.filter-pill button:hover{opacity:1}@media (max-width:768px){.filter-bar{padding:1rem}.filter-bar-controls{gap:.75rem;grid-template-columns:1fr}.filter-dropdown select,.search-input{font-size:16px}.filter-quick-links{justify-content:center;margin-top:.5rem}}.dark .filter-bar{background:var(--card-bg);border:1px solid var(--border-color)}.dark .filter-dropdown select,.dark .search-input{background:var(--background-secondary);border-color:var(--border-color);color:var(--text-color)}.dark .filter-dropdown select:focus,.dark .search-input:focus{border-color:var(--secondary-color)}.dark .filter-dropdown select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px 8px}.tags-page{min-height:100vh;padding:80px 0 40px}.page-title{color:var(--text-color);font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.page-description{color:var(--text-muted);font-size:1.125rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.tag-cloud{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:0 auto 4rem;max-width:900px;padding:2rem}.tag-button{background:#0000;border:2px solid var(--primary-color);border-radius:24px;color:var(--primary-color);cursor:pointer;display:inline-block;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.tag-button:hover{background:var(--primary-color);box-shadow:0 4px 12px #3498db4d;color:#fff;transform:translateY(-2px)}.tag-xs{font-size:.875rem;padding:.375rem .75rem}.tag-sm{font-size:.9375rem;padding:.4375rem .875rem}.tag-md{font-size:1rem;padding:.5rem 1rem}.tag-lg{font-size:1.125rem;font-weight:600;padding:.5625rem 1.125rem}.tag-xl{border-width:3px;font-size:1.25rem;font-weight:600;padding:.625rem 1.25rem}.tag-header{margin-bottom:3rem;text-align:center}.back-link{align-items:center;color:var(--primary-color);display:inline-flex;font-weight:500;margin-bottom:1rem;text-decoration:none;transition:transform .2s ease}.back-link:hover{transform:translateX(-4px)}.tag-header h2{color:var(--text-color);font-size:2rem;margin-bottom:.5rem}.results-count{color:var(--text-muted);font-size:1.125rem}.blog-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:2rem}.blog-card{background:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--text-color);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.blog-card-image{background:var(--bg-secondary);height:200px;overflow:hidden;width:100%}.blog-card-image img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.blog-card-meta{align-items:center;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:.75rem}.blog-card-category{border-radius:4px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.blog-card-date{color:var(--text-muted)}.blog-card-title{flex:1 1;font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:.75rem}.blog-card-excerpt{color:var(--text-muted);flex:1 1;font-size:.9375rem;line-height:1.6;margin-bottom:1rem}.blog-card-footer{color:var(--text-muted);font-size:.875rem;justify-content:space-between}.blog-card-footer,.read-time{align-items:center;display:flex}.read-time{gap:.25rem}.featured-section{margin-top:4rem}.featured-section h2{color:var(--text-color);font-size:1.75rem;margin-bottom:2rem;text-align:center}.loading{color:var(--text-muted);font-size:1.125rem;padding:3rem;text-align:center}[data-theme=dark] .tag-cloud{background:#ffffff0d}[data-theme=dark] .tag-button:hover{box-shadow:0 4px 12px #3498db80}@media (max-width:768px){.page-title{font-size:2rem}.tag-cloud{gap:.5rem;padding:1.5rem}.blog-grid{gap:1.5rem;grid-template-columns:1fr}.blog-card-image{height:180px}}