@charset "UTF-8";.blog-page{--color-royal-blue: #2563eb;--color-royal-blue-rgb: 37, 99, 235;min-height:calc(100vh - var(--navbar-height, 70px));background:#f8fafc!important;padding:2rem 0;margin:calc(-1 * var(--navbar-height, 70px)) 0 0 0;padding-top:calc(2rem + var(--navbar-height, 70px))}.blog-page .container{max-width:1200px;margin:0 auto;padding:0 1rem}.blog-page .blog-hero{background:var(--color-royal-blue);text-align:center;margin-bottom:3rem;padding:4rem 2rem;border-radius:15px;color:#fff;position:relative;overflow:hidden}.blog-page .blog-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.blog-page .blog-hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:1}@media (max-width: 768px){.blog-page .blog-hero h1{font-size:2rem}}.blog-page .blog-hero p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto;line-height:1.6;position:relative;z-index:1}@media (max-width: 768px){.blog-page .blog-hero p{font-size:1rem}}.blog-page .blog-filters{background:#fff;border-radius:15px;padding:2rem;margin-bottom:3rem;box-shadow:0 4px 6px #0000000d}.blog-page .blog-filters .search-form{display:flex;gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.blog-page .blog-filters .search-form{flex-direction:column}}.blog-page .blog-filters .search-form .search-input{flex:1;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#f9fafb}.blog-page .blog-filters .search-form .search-input:focus{outline:none;border-color:var(--color-royal-blue);background:#fff;box-shadow:0 0 0 3px rgba(var(--color-royal-blue-rgb),.1)}.blog-page .blog-filters .search-form .search-input::placeholder{color:#9ca3af}.blog-page .blog-filters .search-form .search-button{padding:.75rem 2rem;background:var(--color-royal-blue);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.blog-page .blog-filters .search-form .search-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(var(--color-royal-blue-rgb),.3)}.blog-page .blog-filters .search-form .search-button:active{transform:translateY(0)}.blog-page .blog-filters .filter-controls{display:flex;gap:1rem}@media (max-width: 768px){.blog-page .blog-filters .filter-controls{flex-direction:column}}.blog-page .blog-filters .filter-controls .filter-select{flex:1;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:all .3s ease}.blog-page .blog-filters .filter-controls .filter-select:focus{outline:none;border-color:var(--color-royal-blue);box-shadow:0 0 0 3px rgba(var(--color-royal-blue-rgb),.1)}.blog-page .loading-spinner{text-align:center;padding:4rem 0}.blog-page .loading-spinner .spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top:4px solid var(--color-royal-blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.blog-page .loading-spinner p{color:#6b7280;font-size:1.1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-page .error-message{text-align:center;padding:3rem;background:#fef2f2;border:1px solid #fecaca;border-radius:15px;color:#dc2626}.blog-page .error-message p{margin-bottom:1rem;font-size:1.1rem}.blog-page .error-message button{padding:.75rem 2rem;background:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.blog-page .error-message button:hover{background:#dc2626;transform:translateY(-2px)}.blog-page .no-posts{text-align:center;padding:4rem 2rem;background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000000d;color:#6b7280}.blog-page .no-posts p{font-size:1.2rem}.blog-page .no-posts .coming-soon{max-width:600px;margin:0 auto;text-align:left}.blog-page .no-posts .coming-soon h3{color:var(--color-royal-blue);font-size:2rem;margin-bottom:1rem;text-align:center}.blog-page .no-posts .coming-soon p{color:#374151;line-height:1.6;margin-bottom:1.5rem;text-align:center}.blog-page .no-posts .coming-soon ul{text-align:left;margin:2rem 0;padding-left:1.5rem}.blog-page .no-posts .coming-soon ul li{color:#4b5563;margin-bottom:.75rem;line-height:1.5}.blog-page .no-posts .coming-soon ul li::marker{color:var(--color-royal-blue)}.blog-page .no-posts .coming-soon .newsletter-signup{background:linear-gradient(135deg,rgba(var(--color-royal-blue-rgb),.05),rgba(var(--color-royal-blue-rgb),.1));padding:2rem;border-radius:12px;margin-top:2rem;text-align:center}.blog-page .no-posts .coming-soon .newsletter-signup h4{color:var(--color-royal-blue);margin-bottom:.5rem;font-size:1.25rem}.blog-page .no-posts .coming-soon .newsletter-signup p{color:#6b7280;margin-bottom:1.5rem}.blog-page .no-posts .coming-soon .newsletter-signup .btn{display:inline-block;padding:.75rem 2rem;background:var(--color-royal-blue);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease}.blog-page .no-posts .coming-soon .newsletter-signup .btn:hover{background:rgba(var(--color-royal-blue-rgb),.9);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--color-royal-blue-rgb),.3)}.blog-page .no-posts .coming-soon a{color:var(--color-royal-blue);text-decoration:none;font-weight:600}.blog-page .no-posts .coming-soon a:hover{text-decoration:underline}.blog-page .no-posts .no-results h3{color:#374151;margin-bottom:1rem}.blog-page .no-posts .no-results .clear-filters-btn{background:var(--color-royal-blue);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;margin-top:1rem;transition:all .3s ease}.blog-page .no-posts .no-results .clear-filters-btn:hover{background:rgba(var(--color-royal-blue-rgb),.9);transform:translateY(-2px)}.blog-page .blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-bottom:3rem}@media (max-width: 768px){.blog-page .blog-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 520px){.blog-page .blog-grid{grid-template-columns:1fr}}.blog-page .blog-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease;cursor:pointer;display:flex;align-items:stretch;will-change:transform;contain:layout style paint;transform:translateZ(0)}@media (max-width: 768px){.blog-page .blog-card{flex-direction:column}}.blog-page .blog-card:hover{transform:translate3d(0,-4px,0)}.blog-page .blog-card .blog-card-image{flex:0 0 40%;aspect-ratio:16/9;overflow:hidden;position:relative;contain:layout paint}@media (max-width: 768px){.blog-page .blog-card .blog-card-image{flex:none;width:100%}}.blog-page .blog-card .blog-card-image img,.blog-page .blog-card .blog-card-image .blog-card-image-optimized{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;will-change:transform;transform:translateZ(0)}.blog-page .blog-card .blog-card-image:hover img,.blog-page .blog-card .blog-card-image:hover .blog-card-image-optimized{transform:scale3d(1.05,1.05,1)}.blog-page .blog-card .blog-card-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;contain:layout style}.blog-page .blog-card .blog-card-content .blog-card-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:#6b7280}@media (max-width: 480px){.blog-page .blog-card .blog-card-content .blog-card-meta{flex-direction:column;gap:.5rem}}.blog-page .blog-card .blog-card-content .blog-card-meta .author-info{display:flex;align-items:center;gap:.5rem}.blog-page .blog-card .blog-card-content .blog-card-meta .author-info .author-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;transition:all .3s ease;padding:.25rem;border-radius:6px}.blog-page .blog-card .blog-card-content .blog-card-meta .author-info .author-link:hover{background:#2563eb0d;transform:translateY(-1px)}.blog-page .blog-card .blog-card-content .blog-card-meta .author-info .author-avatar,.blog-page .blog-card .blog-card-content .blog-card-meta .author-info .author-avatar-optimized{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid var(--color-royal-blue);box-shadow:0 2px 6px #2563eb26;transition:all .2s ease;will-change:transform}.blog-page .blog-card .blog-card-content .blog-card-meta .author-info .author-avatar:hover,.blog-page .blog-card .blog-card-content .blog-card-meta .author-info .author-avatar-optimized:hover{transform:scale(1.05);box-shadow:0 3px 8px #2563eb40}.blog-page .blog-card .blog-card-content .blog-card-meta .author-info .author{font-weight:600;color:var(--color-royal-blue)}.blog-page .blog-card .blog-card-content .blog-card-meta .author:not(.author-info .author){font-weight:600;color:var(--color-royal-blue)}.blog-page .blog-card .blog-card-content .blog-card-meta .date,.blog-page .blog-card .blog-card-content .blog-card-meta .reading-time{color:#9ca3af}.blog-page .blog-card .blog-card-content .blog-card-meta .reading-time:before{content:"📖 "}.blog-page .blog-card .blog-card-content .blog-card-title{margin-bottom:1rem}.blog-page .blog-card .blog-card-content .blog-card-title a{color:#1f2937;text-decoration:none;font-size:1.25rem;font-weight:700;line-height:1.4;transition:color .3s ease}.blog-page .blog-card .blog-card-content .blog-card-title a:hover{color:var(--color-royal-blue)}.blog-page .blog-card .blog-card-content .blog-card-excerpt{color:#6b7280;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-page .blog-card .blog-card-content .blog-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.blog-page .blog-card .blog-card-content .blog-card-tags .tag{background:rgba(var(--color-royal-blue-rgb),.1);color:var(--color-royal-blue);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.blog-page .blog-card .blog-card-content .blog-card-footer{display:flex;justify-content:space-between;align-items:center}.blog-page .blog-card .blog-card-content .blog-card-footer .read-more{color:var(--color-royal-blue);text-decoration:none;font-weight:600;transition:all .3s ease}.blog-page .blog-card .blog-card-content .blog-card-footer .read-more:hover{transform:translate(5px)}.blog-page .pagination{display:flex;justify-content:center;align-items:center;gap:2rem;padding:2rem 0}@media (max-width: 768px){.blog-page .pagination{flex-direction:column;gap:1rem}}.blog-page .pagination .pagination-button{padding:.75rem 1.5rem;background:#fff;color:var(--color-royal-blue);border:2px solid #e5e7eb;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.blog-page .pagination .pagination-button:hover:not(:disabled){border-color:var(--color-royal-blue);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-royal-blue-rgb),.15)}.blog-page .pagination .pagination-button:disabled{opacity:.5;cursor:not-allowed}.blog-page .pagination .pagination-info{color:#374151;font-weight:600;background:#fff;padding:.75rem 1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}@media (max-width: 1024px){.blog-page .container{padding:0 1.5rem}}@media (max-width: 768px){.blog-page{padding:1rem 0}.blog-page .blog-hero{margin-bottom:2rem;padding:2rem 1rem}.blog-page .blog-filters{padding:1.5rem;margin-bottom:2rem}.blog-page .blog-grid{margin-bottom:2rem}}@media (max-width: 480px){.blog-page .container{padding:0 1rem}.blog-page .blog-hero h1{font-size:1.75rem}.blog-page .blog-filters,.blog-page .blog-card .blog-card-content{padding:1rem}}