.blog-container{max-width:1440px;margin:0 auto}.blog-search input{width:100%;padding:16px 41px;border-radius:44px;border:1px solid #837d7d;margin-top:20px;margin-bottom:20px}.header-blog{background:linear-gradient(93.59deg,hsla(0,0%,100%,.15) .35%,hsla(0,0%,100%,.1) 101.11%);border-radius:44px;padding:20px}.header-blog .header-blog-img-container img{border-radius:44px;width:100%}.blog-content{margin-top:20px}.blog-content p.tag{background-color:var(--secondary-font-color);color:var(--dark-primary-color);font-size:12px;font-weight:600;line-height:16px;text-align:center;width:-moz-fit-content;width:fit-content;padding:5px 10px;border-radius:20px;margin-left:0}.blog-content h1,.blog-content h2{font-size:42px;color:var(--light-primary-color);font-weight:600;line-height:44px;text-align:left}.blog-content p{color:#d4d4d4;margin-bottom:7px}.blog-content .user-icon,.blog-main-section .user-icon{background:#fff;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:100%}.blog-content .user-detail p{margin-left:10px;margin-top:8px}.blog-list-container .blog-item-overlay{grid-template-columns:repeat(auto-fill,400px);gap:40px}.blog-list-container .blog-item .list-blog-img-container img{border-top-left-radius:24px;border-top-right-radius:24px;width:100%}.blog-list-container .blog-item{box-shadow:0 1px 4px 0 #19213d14;border-radius:24px;background:rgba(26,26,26,.5);border:none}.blog-list-container .blog-content h2{font-size:20px;line-height:28px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-list-container .blog-content{padding:20px}.blog-list-container .blog-content .user-icon{background-color:#f1f3f7}.category-date p{margin-left:20px}@media (max-width:576px){.blog-list-container .blog-item-overlay{grid-template-columns:auto;gap:40px}.header-blog .header-blog-img-container img{border-radius:10px}}:root{--primary-orange:#f97316;--primary-orange-dark:#ea580c;--dark-bg:#111827;--dark-bg-secondary:#1f2937;--dark-bg-tertiary:#374151;--dark-text-primary:#f9fafb;--dark-text-secondary:#d1d5db;--dark-text-muted:#9ca3af;--accent-gray:rgba(26,26,26,.3);--green-400:#4ade80;--blue-400:#60a5fa;--purple-400:#c084fc;--red-400:#f87171;--yellow-400:#facc15;--pink-400:#f472b6;--gray-400:#9ca3af}.blog-hero-section{position:relative;overflow:hidden}.blog-hero-section .container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;position:relative}@media (min-width:640px){.blog-hero-section .container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.blog-hero-section .container{padding-left:2rem;padding-right:2rem}}.blog-hero-section .hero-content{text-align:center;margin-bottom:1rem}.blog-hero-section .hero-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:9999px;background-color:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.2);color:var(--primary-orange);font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.blog-hero-section .icon-xs{width:1rem;height:1rem;margin-right:.5rem}.blog-hero-section .hero-title{font-size:2.25rem;line-height:2.5rem;font-weight:700;color:var(--dark-text-primary);margin-bottom:1.5rem;line-height:1.2}@media (min-width:768px){.blog-hero-section .hero-title{font-size:3.75rem;line-height:1}}.blog-hero-section .text-primary-orange{color:var(--primary-orange)}.blog-hero-section .hero-subtitle{font-size:1.25rem;line-height:1.75rem;color:var(--dark-text-secondary);margin-bottom:2rem;max-width:48rem;margin-left:auto;margin-right:auto;line-height:1.6}.blog-hero-section .search-filter-wrapper{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;margin-bottom:2rem}@media (min-width:1024px){.blog-hero-section .search-filter-wrapper{flex-direction:row}}.blog-hero-section .search-bar-container{position:relative;flex-grow:1;max-width:36rem}.blog-hero-section .search-bar-glow{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(249,115,22,.2),rgba(59,130,246,.2));border-radius:.75rem;filter:blur(16px)}.blog-hero-section .search-bar{position:relative;background-color:rgba(17,24,39,.6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid rgba(249,115,22,.3);border-radius:.75rem;padding:.25rem}.blog-hero-section .search-form-wrapper{position:relative}.blog-hero-section .search-input{width:100%;padding:.75rem 1rem .75rem 2.9rem;background-color:transparent;color:var(--dark-text-primary);border:none;font-size:1.125rem;background-repeat:no-repeat;background-position:10px;background-size:auto}.blog-hero-section .search-input::-moz-placeholder{color:var(--dark-text-secondary)}.blog-hero-section .search-input::placeholder{color:var(--dark-text-secondary)}.blog-hero-section .search-input:focus{outline:none}.blog-main-section .container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.blog-main-section .blog-layout{display:grid;gap:2rem}@media (min-width:1024px){.blog-main-section .blog-layout{grid-template-columns:repeat(4,1fr)}}.blog-main-section .blog-sidebar{grid-column:span 1}.blog-main-section .sidebar-sticky-content{background-color:rgba(26,26,26,.3);border:1px solid rgba(51,51,51,.2);border-radius:1rem;padding:1.5rem;position:sticky;top:6rem}.blog-main-section .sidebar-title{font-size:1.25rem;font-weight:700;color:var(--dark-text-primary);margin-bottom:1.5rem}.blog-main-section .sidebar-subtitle{font-size:1.125rem;font-weight:600;color:var(--dark-text-primary);margin-bottom:1rem}.blog-main-section .category-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.blog-main-section .category-item{width:100%;display:flex;align-items:center;padding:.75rem;border-radius:.5rem;transition:all .3s ease;border:1px solid transparent;background:none;cursor:pointer;text-align:left}.blog-main-section .category-dot{width:.75rem;height:.75rem;border-radius:9999px}.blog-main-section .dot-primary-orange{background-color:var(--primary-orange)}.blog-main-section .dot-blue{background-color:var(--blue-400)}.blog-main-section .dot-green{background-color:var(--green-400)}.blog-main-section .dot-purple{background-color:var(--purple-400)}.blog-main-section .dot-red{background-color:var(--red-400)}.blog-main-section .dot-yellow{background-color:var(--yellow-400)}.blog-main-section .dot-pink{background-color:var(--pink-400)}.blog-main-section .dot-gray{background-color:var(--gray-400)}.blog-main-section .category-item:hover{background-color:rgba(26,26,26,.5)}.blog-main-section .category-item.active{background-color:rgba(249,115,22,.2);border-color:rgba(249,115,22,.3)}.blog-main-section .category-name{color:var(--dark-text-primary);font-weight:500;font-size:16px;margin-left:1rem}.blog-main-section .category-count{color:var(--dark-text-muted);font-size:.875rem}.blog-main-section .sort-select{width:100%;padding:.75rem;background-color:rgba(26,26,26,.3);border:1px solid rgba(51,51,51,.2);border-radius:.5rem;color:var(--dark-text-primary)}.blog-main-section .sort-select:focus{outline:none;border-color:rgba(249,115,22,.5)}.blog-main-section .articles-main{grid-column:span 3}.blog-main-section .articles-grid{display:grid;gap:1.5rem}@media (min-width:768px){.blog-main-section .articles-grid{grid-template-columns:repeat(2,1fr)}}.blog-main-section .article-card{background-color:rgba(26,26,26,.3);border:1px solid rgba(51,51,51,.2);border-radius:1rem;overflow:hidden;transition:all .3s ease}.blog-main-section .article-card:hover{border-color:rgba(249,115,22,.3)}.blog-main-section .article-image-wrapper{position:relative;width:100%;height:12rem;overflow:hidden}.blog-main-section .article-image{transition:transform .5s ease}.blog-main-section .article-card:hover .article-image{transform:scale(1.05)}.blog-main-section .article-content{padding:1.5rem}.blog-main-section .article-author-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.blog-main-section .author-icon{border-radius:9999px;-o-object-fit:cover;object-fit:cover}.blog-main-section .author-details{font-size:.875rem}.blog-main-section .author-name{color:var(--dark-text-primary);font-weight:500;margin-bottom:5px}.blog-main-section .article-meta{display:flex;align-items:center;gap:.5rem;color:var(--dark-text-muted)}.blog-main-section .article-title-link{text-decoration:none}.blog-main-section .article-title{font-size:1.125rem;font-weight:700;color:var(--dark-text-primary);margin-bottom:.5rem;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:32px;height:60px}.blog-main-section .article-card:hover .article-title{color:var(--primary-orange)}.blog-main-section .article-excerpt{color:var(--dark-text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-main-section .article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.blog-main-section .article-tag{background-color:rgba(26,26,26,.5);color:var(--dark-text-muted);padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;border:1px solid rgba(51,51,51,.2)}.blog-main-section .article-footer{display:flex;align-items:center;justify-content:space-between}.blog-main-section .article-stats{display:flex;align-items:center;gap:.75rem;color:var(--dark-text-muted);font-size:.75rem}.blog-main-section .read-more-link{display:inline-flex;align-items:center;color:var(--primary-orange);transition:color .2s ease;font-size:.875rem;text-decoration:none}.blog-main-section .read-more-link:hover{color:var(--primary-orange-dark)}.blog-main-section .read-more-icon{margin-left:.25rem;width:1rem;height:1rem;transition:transform .2s ease}.blog-main-section .read-more-link:hover .read-more-icon{transform:translateX(4px)}.blog-main-section .load-more-wrapper{text-align:center;margin-top:3rem}.blog-main-section .btn{padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.blog-main-section .btn-outline{background-color:transparent;border:2px solid var(--primary-orange);color:var(--primary-orange)}.blog-main-section .btn-outline:hover{background-color:var(--primary-orange);color:var(--dark-text-primary)}