*{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:#ffffff;--background-secondary:#f8fafc;--background-tertiary:#f1f5f9;--white:#ffffff;--border-color:#e2e8f0;--border-accent:rgba(99,102,241,0.2);--shadow:0 1px 3px 0 rgba(15,23,42,0.08),0 1px 2px 0 rgba(15,23,42,0.04);--shadow-hover:0 8px 25px -5px rgba(15,23,42,0.1),0 4px 10px -6px rgba(15,23,42,0.08);--shadow-active:0 20px 40px -12px rgba(99,102,241,0.25);--max-width:1200px;--content-width:800px;--border-radius:8px;--border-radius-large:12px;--card-bg:#ffffff;--bg-color:#ffffff;--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:rgba(129,140,248,0.3);--shadow:0 4px 12px 0 rgba(0,0,0,0.15),0 2px 4px 0 rgba(0,0,0,0.08);--shadow-hover:0 12px 32px -4px rgba(0,0,0,0.25),0 8px 16px -8px rgba(0,0,0,0.15);--shadow-active:0 20px 40px -12px rgba(129,140,248,0.4);--card-bg:#1e293b;--bg-color:#0f172a;--text-muted:#94a3b8}body{margin:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);line-height:1.65;background:var(--background-color);font-weight:400;letter-spacing:-0.01em;position:relative}h1,h2,h3,h4,h5,h6{font-family:'Space Grotesk',sans-serif;font-weight:600;line-height:1.2;letter-spacing:-0.02em}a{color:var(--secondary-color);text-decoration:none}a:hover{color:var(--accent-color)}h1,h2,h3,h4,h5,h6{margin:0;color:var(--primary-color);line-height:1.3;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:600}h1.gradient-text,.page-header h1{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--accent-color) 50%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.layout-toggle{display:flex;background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);border-radius:12px;padding:4px;box-shadow:0 4px 12px rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.2);margin-left:auto}.toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text-color);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.toggle-btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));opacity:0;transition:opacity 0.3s ease;border-radius:8px}.toggle-btn:hover::before{opacity:0.1}.toggle-btn.active::before{opacity:1}.toggle-btn.active{color:white;transform:scale(1.05);box-shadow:0 4px 12px rgba(49,130,206,0.3)}.toggle-btn svg{position:relative;z-index:1;transition:transform 0.2s ease}.toggle-btn:hover svg{transform:scale(1.1)}.header-top{position:relative}.layout-toggle-wrapper{position:absolute;top:0;right:0;display:flex;align-items:flex-start;gap:1rem}@media (max-width:768px){.layout-toggle-wrapper{position:static;justify-content:center;margin-top:1rem}}.dark .layout-toggle{background:rgba(45,55,72,0.8);border-color:rgba(74,85,104,0.3)}.dark .toggle-btn::before{background:linear-gradient(135deg,var(--secondary-color),var(--accent-color))}.section-title{position:relative;padding-left:24px}.section-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:100%;background:var(--secondary-color);animation:pulse 2s infinite}p{margin:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow);position:sticky;top:0;z-index:100;transition:var(--transition);position:relative;border-bottom:1px solid var(--border-color)}.header::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:var(--transition)}.header.scrolled{box-shadow:var(--shadow-hover);border-bottom-color:var(--border-accent)}.header.scrolled::before{opacity:1}.dark .header{background:rgba(30,41,59,0.95);border-bottom-color:var(--border-color)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{color:var(--primary-color);text-decoration:none;position:relative}.logo h1{color:var(--primary-color);background-clip:text;font-size:2rem;font-weight:700;font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-0.02em;position:relative;margin:0}.logo h1::after{content:'◆';color:var(--game-accent);opacity:0.6;font-size:0.75em;margin-left:0.5rem;animation:pulse-gentle 3s ease-in-out infinite}@keyframes pulse-gentle{0%,100%{opacity:0.6;transform:scale(1)}50%{opacity:0.9;transform:scale(1.1)}}.tagline{display:block;font-size:0.875rem;color:var(--text-light);font-weight:400;font-family:'Inter',sans-serif}.main-nav{display:flex;align-items:center;gap:2rem}.main-nav a{color:var(--primary-color);font-weight:500;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);padding:0.5rem 1rem;border-radius:8px;position:relative;overflow:hidden}.main-nav a::before{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--secondary-color);transform:translateX(-50%);transition:width 0.3s ease}.main-nav a:hover{color:var(--secondary-color);background:rgba(49,130,206,0.1);transform:translateY(-2px)}.main-nav a:hover::before{width:80%}.theme-toggle{background:none;border:2px solid var(--border-color);color:var(--text-color);padding:0.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);font-size:1.2rem;position:relative;overflow:hidden}.theme-toggle::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(49,130,206,0.1);border-radius:50%;transform:translate(-50%,-50%);transition:all 0.3s ease}.theme-toggle:hover{background-color:var(--background-color);border-color:var(--secondary-color);transform:rotate(180deg) scale(1.1)}.theme-toggle:hover::before{width:100%;height:100%}.main-content{flex:1;padding:2rem 0}.blog-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start}.sidebar{position:sticky;top:100px}.categories-sidebar{background:var(--white);border-radius:16px;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,0.1),0 2px 8px rgba(0,0,0,0.05);border:1px solid rgba(49,130,206,0.1);transition:all 0.3s ease}.categories-sidebar:hover{box-shadow:0 12px 48px rgba(0,0,0,0.15),0 4px 16px rgba(49,130,206,0.1);border-color:rgba(49,130,206,0.2);transform:translateY(-2px)}.categories-sidebar h3{margin:0 0 1rem 0;font-size:1.25rem;color:var(--primary-color)}.categories-list{list-style:none;padding:0;margin:0}.category-item{padding:0.75rem;margin:0 -0.75rem;cursor:pointer;border-radius:6px;transition:background 0.3s}.category-item:hover{background:var(--background-color)}.category-item.active{background:rgba(52,152,219,0.1)}.category-name{display:block;font-weight:500;color:var(--primary-color);margin-bottom:0.25rem}.category-description{display:block;font-size:0.75rem;color:var(--text-light);line-height:1.4}.content-area{min-width:0}.page-header{margin-bottom:2rem}.header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:2rem}.header-text h1{font-size:2.5rem;color:var(--primary-color);margin:0 0 0.5rem 0}.header-text .category-description{font-size:1.125rem;color:var(--text-light)}.header-search{flex-shrink:0;min-width:300px}.search-bar{width:100%}.search-input-container{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:0.875rem 3rem 0.875rem 1.25rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--white);color:var(--text-color);transition:all 0.2s ease;position:relative}.search-input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(99,102,241,0.1)}.search-input::placeholder{color:var(--text-light);opacity:0.7}.search-button{position:absolute;right:0.5rem;background:none;border:none;color:var(--text-light);padding:0.5rem;border-radius:50%;cursor:pointer;transition:color 0.3s}.search-button:hover{color:var(--secondary-color)}.search-results-info{margin-top:1rem;padding:0.75rem 1rem;background:var(--background-secondary);border-radius:8px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color)}.search-results-info p{color:var(--text-color);font-weight:500;font-size:0.95rem}.search-results-info p strong{color:var(--secondary-color)}.clear-search-btn{background:var(--secondary-color);color:white;border:none;padding:0.5rem 1rem;border-radius:4px;cursor:pointer;font-size:0.875rem;transition:background-color 0.3s}.clear-search-btn:hover{background:#2980b9}.category-pillar-section{margin-bottom:3rem}.category-pillar-card{display:block;background:var(--background-secondary);border:2px solid var(--primary-color);border-radius:8px;padding:2rem;text-decoration:none;color:var(--text-color);position:relative;overflow:hidden}.category-pillar-card:hover{border-color:var(--secondary-color);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.category-pillar-card .pillar-badge{display:inline-block;background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);padding:0.25rem 0.75rem;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;border-radius:4px;margin-bottom:1rem}.category-pillar-card h3{font-size:1.5rem;margin-bottom:0.75rem;color:var(--text-color);line-height:1.3}.category-pillar-card p{font-size:1rem;line-height:1.6;color:var(--text-light);margin-bottom:1.5rem}.category-pillar-card .read-guide-link{font-weight:600;color:var(--secondary-color);font-size:0.95rem}.posts-list{display:flex;flex-direction:column;gap:2rem}.post-card{background:var(--white);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border:1px solid var(--border-color);position:relative}.post-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--secondary-color) 0%,var(--accent-color) 50%,#7c3aed 100%);transform:scaleX(0);transition:transform 0.4s ease}.post-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(49,130,206,0.03) 0%,rgba(124,58,237,0.05) 100%);opacity:0;transition:opacity 0.4s ease;pointer-events:none}.post-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 20px 60px rgba(0,0,0,0.15),0 8px 30px rgba(49,130,206,0.1)}.post-card:hover::before{transform:scaleX(1)}.post-card:hover::after{opacity:1}.post-card:hover{border-color:rgba(49,130,206,0.3)}.post-image{width:100%;height:300px;overflow:hidden;position:relative}.post-image::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(49,130,206,0.1),rgba(43,108,176,0.2));opacity:0;transition:opacity 0.3s ease}.post-card:hover .post-image::after{opacity:1}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}.post-card:hover .post-image img{transform:scale(1.1)}.post-content{padding:2rem}.post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:0.875rem}.category-badge{display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem 0.75rem;border-radius:4px;font-weight:500;font-size:0.8rem;color:var(--secondary-color);background:transparent;border:1px solid var(--secondary-color)}.category-badge:hover{background:var(--background-secondary)}.post-date{color:var(--text-light)}.post-title{margin:0 0 1rem 0;font-size:1.875rem;line-height:1.3;font-family:'Space Grotesk',sans-serif}.post-title a{color:var(--primary-color);transition:color 0.3s}.post-title a:hover{color:var(--secondary-color)}.post-excerpt{color:var(--text-light);margin:0 0 1.5rem 0;line-height:1.8;font-size:0.95rem}.post-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.post-author{color:var(--text-light);font-size:0.875rem}.read-time{font-weight:500;color:var(--secondary-color)}.post-tags{display:flex;gap:0.5rem;flex-wrap:wrap}.tag{font-size:0.75rem;color:var(--secondary-color);background:rgba(52,152,219,0.1);padding:0.25rem 0.5rem;border-radius:4px}.footer{background:var(--primary-color);color:var(--text-color);padding:2rem 0 1rem;margin-top:3rem;border-top:1px solid var(--border-color)}body:not(.dark) .footer{background:#2c3e50;color:#ecf0f1}.dark .footer{background:#0f1419;color:#e2e8f0;border-top-color:#2d3748}.footer-content{animation:fadeIn 0.8s ease-out 0.2s backwards}.footer-section h3,.footer-section h4{position:relative}.footer-section h3::after,.footer-section h4::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--secondary-color);transition:width 0.3s ease}.footer-section:hover h3::after,.footer-section:hover h4::after{width:30px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{color:inherit;margin-bottom:0.75rem}.footer-section h3{font-size:1.25rem}.footer-section h4{font-size:0.95rem;font-weight:600}.footer-section p{opacity:0.8;margin-bottom:1rem;line-height:1.6}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:0.5rem}.footer-links a{opacity:0.8;transition:opacity 0.3s}.footer-links a:hover{opacity:1}.social-links{display:flex;gap:1rem}.social-links a{color:#bdc3c7;transition:color 0.3s}.social-links a:hover{color:#3498db}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:1.5rem;text-align:center}.dark .footer-bottom{border-top-color:rgba(255,255,255,0.05)}.footer-bottom p{opacity:0.6;margin:0.25rem 0;font-size:0.875rem}.footer-tagline{opacity:0.9;font-style:italic}.loading,.error,.no-posts{text-align:center;padding:3rem;color:var(--text-light)}.error{color:var(--accent-color);background-color:rgba(245,101,101,0.1);border-radius:var(--border-radius);border:1px solid rgba(245,101,101,0.2)}.skeleton-post-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:2rem;border:1px solid var(--border-color)}.skeleton-image{width:100%;height:300px;background:linear-gradient(90deg,var(--background-secondary) 25%,var(--border-color) 50%,var(--background-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-content{padding:2rem}.skeleton-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.skeleton-badge{width:120px;height:24px;background:linear-gradient(90deg,var(--background-secondary) 25%,var(--border-color) 50%,var(--background-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}.skeleton-date{width:80px;height:16px;background:linear-gradient(90deg,var(--background-secondary) 25%,var(--border-color) 50%,var(--background-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-title{width:100%;height:24px;background:linear-gradient(90deg,var(--background-secondary) 25%,var(--border-color) 50%,var(--background-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:0.75rem}.skeleton-title-short{width:65%}.skeleton-text{width:100%;height:16px;background:linear-gradient(90deg,var(--background-secondary) 25%,var(--border-color) 50%,var(--background-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:0.75rem}.skeleton-text-short{width:80%}.skeleton-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.skeleton-author{width:100px;height:16px;background:linear-gradient(90deg,var(--background-secondary) 25%,var(--border-color) 50%,var(--background-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-tags{display:flex;gap:0.5rem}.skeleton-tag{width:60px;height:20px;background:linear-gradient(90deg,var(--background-secondary) 25%,var(--border-color) 50%,var(--background-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:10px}.skeleton-tag-short{width:45px}.skeleton-posts-list{display:flex;flex-direction:column;gap:2rem}.skeleton-text-container{padding:2rem;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow)}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.blog-post{background:var(--white);border-radius:8px;box-shadow:var(--shadow);padding:3rem;max-width:800px;margin:0 auto;transition:background-color 0.3s}.back-link{display:inline-block;margin-bottom:2rem;color:var(--secondary-color);text-decoration:none;font-size:0.9rem;transition:color 0.3s ease}.back-link:hover{color:var(--primary-color)}.blog-post h1{font-size:2.5rem;margin-bottom:1rem}.blog-post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color);color:var(--text-light)}.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{margin:2rem 0 1rem 0;color:var(--primary-color)}.blog-post-content p{margin-bottom:1.5rem;color:var(--text-color)}.blog-post-content ul,.blog-post-content ol{margin:0 0 1.5rem 2rem}.blog-post-content li{margin-bottom:0.5rem;color:var(--text-color)}.blog-post-content code{background:var(--background-color);color:var(--text-color);padding:0.2rem 0.4rem;border-radius:3px;font-size:0.9em}.blog-post-content pre{background:var(--background-color);padding:1rem;border-radius:4px;overflow-x:auto;margin-bottom:1.5rem}.blog-post-content blockquote{border-left:4px solid var(--secondary-color);padding-left:1rem;margin:0 0 1.5rem 0;font-style:italic;color:var(--text-light)}.blog-post-content table{width:100%;border-collapse:collapse;margin:2rem 0;background:var(--white);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border-color)}.blog-post-content table thead{background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));color:white}.blog-post-content table th,.blog-post-content table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color);font-size:0.95rem}.blog-post-content table th{font-weight:600;letter-spacing:0.5px;text-transform:uppercase;font-size:0.875rem;border-bottom:none}.blog-post-content table tbody tr{transition:background-color 0.2s ease}.blog-post-content table tbody tr:hover{background-color:rgba(49,130,206,0.05)}.blog-post-content table tbody tr:nth-child(even){background-color:rgba(0,0,0,0.02)}.blog-post-content table tbody tr:last-child td{border-bottom:none}.blog-post-content table td:first-child{font-weight:500;color:var(--secondary-color)}.footer-newsletter{padding:2rem 0;margin-bottom:2rem;text-align:center;border-bottom:1px solid var(--border-color)}.newsletter-signup{max-width:600px;margin:0 auto}.newsletter-signup h4{margin:0 0 0.5rem 0;color:var(--primary-color);font-size:1.25rem;font-weight:600}.newsletter-signup>p{margin:0 0 1.5rem 0;color:var(--text-light);font-size:0.95rem;line-height:1.5}.newsletter-form{margin-bottom:1rem}.newsletter-form .form-group{display:flex;gap:0.5rem;margin-bottom:0.75rem;justify-content:center;max-width:400px;margin:0 auto 0.75rem auto}.newsletter-input{flex:1;padding:0.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--white);color:var(--text-color);font-size:0.95rem;transition:all 0.2s ease}.newsletter-input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 2px rgba(99,102,241,0.1)}.newsletter-input:disabled{opacity:0.6;cursor:not-allowed}.newsletter-button{padding:0.75rem 1.5rem;background:var(--primary-color);color:white;border:none;border-radius:6px;font-size:0.95rem;font-weight:500;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;position:relative;overflow:hidden}.newsletter-button:hover{background:var(--text-color)}.newsletter-button:disabled{opacity:0.7;cursor:not-allowed;transform:none}.newsletter-message{font-size:0.875rem;margin:0.75rem 0 0 0;padding:0.75rem 1rem;border-radius:6px;animation:slideIn 0.3s cubic-bezier(0.4,0,0.2,1);line-height:1.4}.newsletter-message.success{color:#059669}.newsletter-message.error{color:#dc2626}.newsletter-privacy{font-size:0.75rem;color:var(--text-light);margin:0;opacity:0.8}.dark .footer-newsletter{border-bottom-color:rgba(255,255,255,0.1)}.dark .newsletter-input{background:var(--background-color);border-color:rgba(255,255,255,0.1);color:var(--primary-color)}.dark .newsletter-input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 2px rgba(129,140,248,0.2)}.dark .newsletter-button{background:var(--primary-color);color:var(--background-color)}.dark .newsletter-button:hover{background:var(--text-light)}.dark .newsletter-message{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1)}.dark .newsletter-message.success{color:#34d399;background:rgba(52,211,153,0.1);border-color:rgba(52,211,153,0.3)}.dark .newsletter-message.error{color:#f87171;background:rgba(248,113,113,0.1);border-color:rgba(248,113,113,0.3)}@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:var(--white);border-color:var(--border-color)}.dark .blog-post-content table tbody tr:nth-child(even){background-color:rgba(255,255,255,0.02)}.dark .blog-post-content table tbody tr:hover{background-color:rgba(99,179,237,0.1)}@media (max-width:768px){.blog-post-content table{font-size:0.875rem;margin:1.5rem 0}.blog-post-content table th,.blog-post-content table td{padding:0.75rem 0.5rem}.blog-post-content table th{font-size:0.8rem}}button{background:var(--gradient-primary);color:white;border:none;padding:0.75rem 1.5rem;font-size:1rem;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-weight:500;position:relative;overflow:hidden;box-shadow:var(--shadow)}button::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.2),transparent);opacity:0;transition:var(--transition)}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}button:hover::before{opacity:1}button:active{transform:translateY(0);box-shadow:var(--shadow)}input,textarea{background:var(--white);color:var(--text-color);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:0.75rem 1rem;font-size:1rem;font-family:inherit;transition:var(--transition);position:relative}input:focus,textarea:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(99,102,241,0.1);transform:translateY(-1px)}*:focus-visible{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{position:static;margin-bottom:2rem}.header-content{flex-direction:column;gap:1rem}.main-nav{gap:1rem}.header-top{flex-direction:column;align-items:stretch;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 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{width:35px;height:35px;font-size:1rem}}@media (prefers-contrast:high){:root{--border-color:#000000;--shadow:0 2px 4px rgba(0,0,0,0.5)}.dark{--border-color:#ffffff}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.hero{text-align:center;padding:4rem 0 5rem 0;background:var(--background-secondary);margin:-2rem 0 4rem 0}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:3rem;margin-bottom:1rem;color:var(--primary-color);line-height:1.2;font-weight:700}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;color:var(--text-light);line-height:1.6;font-weight:400}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-block;padding:0.875rem 2rem;font-size:1rem;font-weight:500;text-decoration:none;border-radius:var(--border-radius);transition:var(--transition);border:1px solid transparent}.btn-primary{background:var(--secondary-color);color:white;border-color:var(--secondary-color)}.btn-primary:hover{background:var(--accent-color);border-color:var(--accent-color);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--secondary-color);border-color:var(--secondary-color)}.btn-secondary:hover{background:var(--secondary-color);color:white;transform:translateY(-1px)}.featured-topics{margin:4rem 0}.featured-topics h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--primary-color)}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.topic-card{background:var(--white);border-radius:12px;padding:2rem;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:all 0.3s ease;border:1px solid var(--border-color)}.topic-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--secondary-color)}.topic-icon{font-size:2.5rem;margin-bottom:1rem}.topic-card h3{font-size:1.25rem;margin-bottom:0.75rem;color:var(--primary-color)}.topic-card p{color:var(--text-light);line-height:1.6}.home-about{background:var(--white);border-radius:12px;padding:3rem;margin:4rem 0;box-shadow:var(--shadow)}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center}.about-text h2{font-size:2rem;margin-bottom:1rem;color:var(--primary-color)}.about-text p{margin-bottom:1rem;color:var(--text-light);line-height:1.6}.learn-more-link{color:var(--secondary-color);font-weight:600;text-decoration:none;transition:color 0.3s ease}.learn-more-link:hover{color:#2980b9}.about-stats{display:flex;flex-direction:column;gap:1.5rem}.stat{text-align:center;padding:1.5rem;background:var(--background-color);border-radius:8px}.stat-number{font-size:2.5rem;font-weight:700;color:var(--secondary-color);margin-bottom:0.5rem}.stat-label{font-size:0.875rem;color:var(--text-light);font-weight:500}.latest-articles{text-align:center;margin:4rem 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{font-size:2rem;color:var(--primary-color);margin:0}.view-all-link{color:var(--secondary-color);font-weight:600;text-decoration:none;transition:color 0.3s ease}.view-all-link:hover{color:#2980b9}.section-description{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{flex-direction:column;align-items:center}.topics-grid{grid-template-columns:1fr}.about-content{grid-template-columns:1fr;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{max-width:1200px;margin:0 auto}.about-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.about-header h1{font-size:3rem;margin-bottom:1rem;color:var(--primary-color)}.about-subtitle{font-size:1.25rem;color:var(--text-light);margin:0}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:start}.about-main h2{font-size:2rem;margin:2rem 0 1rem 0;color:var(--primary-color)}.about-main p{margin-bottom:1.5rem;color:var(--text-light);line-height:1.6}.content-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.content-area{background:var(--white);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color)}.content-area h3{font-size:1.125rem;margin-bottom:0.75rem;color:var(--primary-color)}.content-area p{margin:0;font-size:0.925rem;color:var(--text-light)}.about-main ul{list-style:none;padding:0;margin:1.5rem 0}.about-main li{padding:0.75rem 0;border-bottom:1px solid var(--border-color);color:var(--text-light)}.about-main li:last-child{border-bottom:none}.cta-section{text-align:center;margin:3rem 0;padding:2rem;background:var(--background-color);border-radius:8px;display:flex;gap:1rem;justify-content:center}.about-sidebar .stats-card,.about-sidebar .featured-topics{background:var(--white);border-radius:8px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--border-color)}.about-sidebar h3{margin-top:0;margin-bottom:1.5rem;color:var(--primary-color)}.stat-item{text-align:center;padding:1rem;margin-bottom:1rem;background:var(--background-color);border-radius:8px}.stat-item:last-child{margin-bottom:0}.about-sidebar .stat-number{font-size:2rem;font-weight:700;color:var(--secondary-color);margin-bottom:0.25rem}.about-sidebar .stat-label{font-size:0.875rem;color:var(--text-light)}.featured-topics ul{list-style:none;padding:0;margin:0}.featured-topics li{padding:0.5rem 0;border-bottom:1px solid var(--border-color)}.featured-topics li:last-child{border-bottom:none}.featured-topics a{color:var(--secondary-color);text-decoration:none;transition:color 0.3s ease}.featured-topics a:hover{color:#2980b9}.contact-page{max-width:1200px;margin:0 auto}.contact-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.contact-header h1{font-size:3rem;margin-bottom:1rem;color:var(--primary-color)}.contact-subtitle{font-size:1.25rem;color:var(--text-light);margin:0}.contact-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:start}.contact-form{background:var(--white);padding:2rem;border-radius:8px;border:1px solid var(--border-color)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;color:var(--primary-color);font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;padding:0.75rem;border:2px solid var(--border-color);border-radius:4px;font-size:1rem;font-family:inherit;background:var(--white);color:var(--text-color);transition:border-color 0.3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--secondary-color)}.form-group textarea{resize:vertical;min-height:120px}.success-message{background:var(--white);padding:3rem;border-radius:8px;text-align:center;border:1px solid var(--border-color)}.success-message h2{color:var(--secondary-color);margin-bottom:1rem}.success-message p{color:var(--text-light);margin-bottom:2rem}.contact-sidebar>div{background:var(--white);border-radius:8px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--border-color)}.contact-sidebar h3{margin-top:0;margin-bottom:1rem;color:var(--primary-color)}.contact-sidebar h4{margin-bottom:0.5rem;color:var(--primary-color);font-size:1rem}.contact-sidebar p{color:var(--text-light);margin-bottom:1rem}.contact-links{margin-top:1.5rem}.contact-link{padding:1rem;background:var(--background-color);border-radius:8px;margin-bottom:1rem}.contact-link:last-child{margin-bottom:0}.contact-link a{color:var(--secondary-color);text-decoration:none;font-weight:600;transition:color 0.3s ease}.contact-link a:hover{color:#2980b9}.social-links{display:flex;gap:1rem}.social-links a{color:var(--secondary-color);text-decoration:none;font-weight:500;transition:color 0.3s ease}.social-links a:hover{color:#2980b9}.topics-of-interest ul{list-style:disc;margin-left:1.5rem;color:var(--text-light)}.topics-of-interest li{margin-bottom:0.5rem}.response-time p{margin:0;color:var(--text-light);font-size:0.925rem}@media (max-width:768px){.about-content,.contact-content{grid-template-columns:1fr;gap:2rem}.about-header h1,.contact-header h1{font-size:2.25rem}.content-areas{grid-template-columns:1fr}.cta-section{flex-direction:column;align-items:center}.about-stats{flex-direction:column}}.posts-list.masonry-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;align-items:start}.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%,rgba(248,250,252,0.8) 100%);border-radius:20px;overflow:hidden;position:relative}.post-card.masonry-item::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--secondary-color),var(--accent-color),#7c3aed);border-radius:22px;z-index:-1;opacity:0;transition:opacity 0.3s ease}.post-card.masonry-item:hover::before{opacity:0.8}.post-card.masonry-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,0.15),0 8px 32px rgba(49,130,206,0.2)}.post-card.masonry-item.featured{grid-column:span 2;min-height:500px;background:linear-gradient(135deg,var(--secondary-color) 0%,var(--accent-color) 100%);color:white}.post-card.masonry-item.featured .category-badge{background:rgba(255,255,255,0.2);backdrop-filter:blur(10px)}.post-card.masonry-item.featured .post-title a{color:white}.post-card.masonry-item.featured .post-excerpt{color:rgba(255,255,255,0.9)}@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}}*{transition:none !important;animation:none !important;transform:none !important}button{cursor:pointer}a:hover{text-decoration:underline}.post-card{border:1px solid var(--border-color)}.post-card:hover{border-color:var(--secondary-color);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.header.scrolled{box-shadow:0 1px 3px rgba(0,0,0,0.1)}input:focus,textarea:focus,select:focus{outline:2px solid var(--secondary-color);outline-offset:2px}.loading-bar::after{display:none}.newsletter-button{background:var(--secondary-color);color:white}.newsletter-button:hover{background:var(--accent-color);color:white}.dark .newsletter-button{background:var(--secondary-color);color:var(--background-color)}.dark .newsletter-button:hover{background:var(--accent-color);color:var(--background-color)}.fadeIn,.stagger-animation>*,.hover-lift,.animate-fadeIn{animation:none}.theme-toggle{background:transparent;border:1px solid var(--border-color);color:var(--text-color);padding:0.5rem 1rem;border-radius:4px;cursor:pointer;font-size:0.875rem;display:flex;align-items:center;justify-content:center;font-weight:500;width:auto;height:auto}.theme-toggle:hover{background:var(--background-secondary);border-color:var(--secondary-color)}.theme-toggle::before,.theme-toggle::after{display:none !important}.main-nav{display:flex;gap:0.5rem;align-items:center}.main-nav a,.nav-link{padding:0.5rem 1rem;color:var(--text-color);text-decoration:none;font-weight:500;border-radius:4px;background:transparent}.main-nav a:hover,.nav-link:hover{color:var(--secondary-color);text-decoration:none;background:var(--background-secondary)}.main-nav a.active,.nav-link.active{color:var(--secondary-color);background:var(--background-secondary)}.main-nav a::before{display:none !important}.logo h1{background:none !important;-webkit-text-fill-color:initial !important;color:var(--primary-color) !important;font-size:1.75rem;margin:0}.logo .tagline{font-size:0.875rem;color:var(--text-light);font-weight:normal}.post-card::before,.header::after,.header::before,.footer-section h3::after,.footer-section h4::after,.logo::after{display:none !important}.search-input{border:1px solid var(--border-color)}.search-input:focus{border-color:var(--secondary-color);box-shadow:none}.post-card{box-shadow:0 1px 3px rgba(0,0,0,0.1)}.post-card:hover{box-shadow:0 2px 6px rgba(0,0,0,0.15)}.explore-tags-section{margin-top:4rem;padding:2rem;text-align:center;background:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.explore-tags-section h3{font-size:1.5rem;color:var(--text-color);margin-bottom:0.5rem}.explore-tags-section p{color:var(--text-muted);margin-bottom:1.5rem}.explore-tags-button{display:inline-block;padding:0.75rem 1.5rem;background:var(--secondary-color);color:white;text-decoration:none;border-radius:6px;font-weight:500;transition:transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease}.explore-tags-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,0.3);background:var(--accent-color);color:white}.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{max-width:1200px;margin:0 auto;padding:2rem 0}.blog-page-new .page-title{font-size:2.5rem;color:var(--text-color);margin-bottom:0.5rem;text-align:center}.blog-page-new .page-subtitle{font-size:1.125rem;color:var(--text-muted);text-align:center;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}.blog-grid-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem}.post-card{background:var(--card-bg);border-radius:8px;overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease;display:flex;flex-direction:column;cursor:pointer}.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.1)}.post-image{width:100%;height:200px;overflow:hidden}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.post-card:hover .post-image img{transform:scale(1.05)}.post-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.category-badge{padding:0.25rem 0.75rem;border-radius:4px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;border:1px solid}.post-title{margin:0 0 0.75rem 0;line-height:1.3}.post-title a{color:var(--text-color);text-decoration:none;font-size:1.25rem;font-weight:600}.post-title a:hover{color:var(--primary-color)}.post-excerpt{color:var(--text-muted);line-height:1.6;margin-bottom:1rem;flex:1}.post-footer{display:flex;justify-content:space-between;align-items:flex-end;font-size:0.875rem;color:var(--text-muted)}.post-tags{display:flex;flex-wrap:wrap;gap:0.5rem}.post-tags .tag{color:var(--primary-color);text-decoration:none;font-size:0.8125rem;opacity:0.8;transition:opacity 0.2s}.post-tags .tag:hover{opacity:1;text-decoration:underline}.category-pillar-section{margin-bottom:2rem}.category-pillar-card{display:block;background:var(--card-bg);border:2px solid var(--primary-color);border-radius:8px;padding:2rem;text-decoration:none;color:var(--text-color);transition:transform 0.2s ease,box-shadow 0.2s ease;position:relative;overflow:hidden}.category-pillar-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(52,152,219,0.2)}.category-pillar-card .pillar-badge{display:inline-block;background:var(--primary-color);color:white;padding:0.25rem 0.75rem;border-radius:4px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:1rem}.category-pillar-card h3{font-size:1.5rem;margin:0 0 0.75rem 0;color:var(--text-color)}.category-pillar-card p{color:var(--text-muted);line-height:1.6;margin-bottom:1rem}.category-pillar-card .read-guide-link{color:var(--primary-color);font-weight:500;display:inline-flex;align-items:center;gap:0.5rem}.dark .post-date{color:var(--text-muted)}.dark .post-excerpt{color:var(--text-muted)}.dark .post-footer{color:var(--text-muted)}.dark .post-author{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{grid-template-columns:1fr;gap:1.5rem}.post-image{height:180px}}