:root{--primary-orange: #d17d39;--primary-orange-hover: #bd4f2a;--primary-blue: #1B4965;--primary-blue-hover: #13354b;--text-dark: #1e293b;--text-muted: #64748b;--bg-light: #f8fafc;--bg-card: #ffffff;--shadow-premium: 0 10px 30px -10px rgba(27, 73, 101, .08), 0 1px 3px rgba(27, 73, 101, .02);--shadow-premium-hover: 0 20px 40px -15px rgba(27, 73, 101, .15), 0 1px 5px rgba(27, 73, 101, .04)}.subpage-hero{min-height:320px;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:120px;padding-bottom:64px}.blog-filter-section{padding:32px 0;background:var(--bg-light);border-bottom:1px solid #e2e8f0}.blog-search-filter-wrapper{display:flex;flex-direction:column;gap:24px;align-items:center;width:100%}@media (min-width: 1024px){.blog-search-filter-wrapper{flex-direction:row;justify-content:space-between}}.blog-search-box{position:relative;width:100%;max-width:480px}.blog-search-box .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:22px;pointer-events:none}.blog-search-box input{width:100%;padding:16px 20px 16px 48px;border-radius:30px;border:2px solid #e2e8f0;background:var(--bg-card);color:var(--text-dark);font-family:Inter,sans-serif;font-size:15px;font-weight:500;outline:none;box-shadow:0 4px 6px -1px #00000005;transition:all .3s ease}.blog-search-box input:focus{border-color:var(--primary-orange);box-shadow:0 10px 15px -3px #d17d391a,0 4px 6px -2px #d17d390d}.blog-category-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.filter-btn{padding:10px 24px;border-radius:30px;border:1px solid #e2e8f0;background:var(--bg-card);color:var(--text-muted);font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 4px #00000003;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-btn:hover{color:var(--primary-orange);border-color:var(--primary-orange);transform:translateY(-2px);box-shadow:0 4px 6px #d17d3914}.filter-btn.active{background:var(--primary-orange);color:#fff;border-color:var(--primary-orange);box-shadow:0 10px 15px -3px #d17d3933}.filter-btn.active:hover{background:var(--primary-orange-hover);color:#fff;border-color:var(--primary-orange-hover)}.blog-featured-container{margin-bottom:64px}.featured-post-card{display:grid;grid-template-columns:1fr;background:var(--bg-card);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-premium);transition:all .4s cubic-bezier(.4,0,.2,1)}@media (min-width: 992px){.featured-post-card{grid-template-columns:1.2fr 1fr}}.featured-post-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-premium-hover)}.featured-image{position:relative;min-height:280px;overflow:hidden}@media (min-width: 992px){.featured-image{min-height:480px}}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.featured-post-card:hover .featured-image img{transform:scale(1.05)}.featured-badge{position:absolute;top:24px;left:24px;background:linear-gradient(135deg,var(--primary-orange),#bd4f2a);color:#fff;padding:8px 20px;border-radius:30px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 10px #d17d394d;z-index:2}.featured-content{padding:32px;display:flex;flex-direction:column;justify-content:center;border-top:1px solid #f1f5f9}@media (min-width: 992px){.featured-content{padding:48px;border-top:none;border-left:1px solid #f1f5f9}}.featured-meta{display:flex;gap:16px;margin-bottom:20px;font-size:13px;font-weight:600;color:var(--text-muted)}.featured-meta span{display:flex;align-items:center;gap:6px}.featured-title{font-size:28px;font-weight:800;line-height:1.2;color:var(--text-dark);margin-bottom:16px;transition:color .3s ease}@media (min-width: 768px){.featured-title{font-size:36px}}.featured-post-card:hover .featured-title{color:var(--primary-orange)}.featured-excerpt{font-size:16px;line-height:1.6;color:var(--text-muted);margin-bottom:32px}.featured-link{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;color:var(--primary-orange);font-weight:700;font-size:16px;transition:all .3s ease}.featured-link i{transition:transform .3s ease}.featured-post-card:hover .featured-link{color:var(--primary-orange-hover)}.featured-post-card:hover .featured-link i{transform:translate(6px)}.blog-grid{display:grid;grid-template-columns:1fr;gap:32px;opacity:1;transition:opacity .3s ease}@media (min-width: 640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background:var(--bg-card);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-premium);display:flex;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-premium-hover)}.blog-image{position:relative;height:240px;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-category{position:absolute;top:20px;left:20px;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--primary-blue);padding:6px 16px;border-radius:30px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 10px #0000000d;z-index:2}.blog-content{padding:24px;display:flex;flex-direction:column;flex:1}.blog-meta{display:flex;gap:16px;margin-bottom:12px;font-size:12px;font-weight:600;color:var(--text-muted)}.blog-meta span{display:flex;align-items:center;gap:4px}.blog-title{font-size:20px;font-weight:700;line-height:1.3;color:var(--text-dark);margin-bottom:12px;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card:hover .blog-title{color:var(--primary-orange)}.blog-excerpt{font-size:14px;line-height:1.6;color:var(--text-muted);margin-bottom:24px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary-orange);font-weight:700;font-size:14px;transition:all .3s ease;margin-top:auto}.blog-link i{transition:transform .3s ease}.blog-card:hover .blog-link{color:var(--primary-orange-hover)}.blog-card:hover .blog-link i{transform:translate(4px)}.skeleton-featured{height:480px;background:#e2e8f0;border-radius:24px;position:relative;overflow:hidden;margin-bottom:64px}.skeleton-card{background:var(--bg-card);border-radius:20px;overflow:hidden;height:420px;display:flex;flex-direction:column;border:1px solid #f1f5f9}.skeleton-image{height:240px;background:#e2e8f0;position:relative;overflow:hidden}.skeleton-body{padding:24px;display:flex;flex-direction:column;gap:16px;flex:1}.skeleton-text{background:#e2e8f0;height:16px;border-radius:4px;position:relative;overflow:hidden}.skeleton-text.title{height:24px;width:80%}.skeleton-text.meta{height:12px;width:50%}.skeleton-text.excerpt-1{width:100%}.skeleton-text.excerpt-2{width:90%}.skeleton-text.link{width:30%;margin-top:auto}.skeleton-image:after,.skeleton-featured:after,.skeleton-text:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#fff6 20%,#fff9,#fff0);animation:shimmer 1.6s infinite}@keyframes shimmer{to{transform:translate(100%)}}.blog-empty-card{grid-column:1/-1;text-align:center;padding:64px 32px;background:var(--bg-card);border-radius:24px;box-shadow:var(--shadow-premium);display:flex;flex-direction:column;align-items:center;gap:16px;max-width:520px;margin:32px auto}.blog-empty-card .empty-icon{font-size:56px;color:var(--primary-orange);background:#fdf5ef;width:96px;height:96px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:8px}.blog-empty-card h3{font-size:22px;font-weight:700;color:var(--text-dark);margin:0}.blog-empty-card p{font-size:15px;line-height:1.5;color:var(--text-muted);margin:0 0 16px}@media (max-width: 991px) and (orientation: landscape){.subpage-hero{min-height:240px;padding-top:100px;padding-bottom:32px}.featured-post-card{grid-template-columns:1fr 1fr}.featured-image{min-height:320px}.featured-content{padding:24px}.blog-filter-section{padding:16px 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-search-view-wrapper{display:flex;gap:16px;width:100%;max-width:480px;align-items:center}.blog-view-toggle{display:flex;gap:4px;border:1px solid #e2e8f0;padding:4px;border-radius:30px;background:var(--bg-card);flex-shrink:0}.view-btn{width:38px;height:38px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.view-btn:hover{color:var(--primary-orange);background:#f1f5f9}.view-btn.active{background:var(--primary-orange);color:#fff}.blog-grid.list-view{grid-template-columns:1fr!important;gap:24px}.blog-grid.list-view .blog-card{display:flex;flex-direction:row;height:auto;align-items:center}@media (max-width: 768px){.blog-grid.list-view .blog-card{flex-direction:column;align-items:stretch}}.blog-grid.list-view .blog-image{width:300px;height:200px;flex-shrink:0}@media (max-width: 768px){.blog-grid.list-view .blog-image{width:100%;height:240px}}.blog-grid.list-view .blog-content{padding:32px}html[data-theme=dark]{--text-dark: #f8fafc;--text-muted: #94a3b8;--bg-light: #0f172a;--bg-card: #1e293b}