.blog-container{max-width:1280px;margin:0 auto;padding:3rem 1.5rem 5rem;position:relative;overflow:hidden}.blog-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 0 0,rgba(8,112,184,.02) 0,transparent 40%),radial-gradient(circle at 100% 100%,rgba(251,182,9,.02) 0,transparent 40%);z-index:-1;pointer-events:none}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.blog-card{background:white;border:1px solid rgba(0,0,0,.05);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;flex-direction:column;cursor:pointer;position:relative;box-shadow:0 4px 20px -5px rgba(0,0,0,.05);width:100%}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px rgba(0,0,0,.1);border-color:rgba(8,112,184,.15)}.blog-card-image-wrapper{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background-color:#f3f4f6}.blog-card-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.blog-card:hover .blog-card-image{transform:scale(1.08)}.blog-card-content{padding:1.25rem;display:flex;flex-direction:column;flex-grow:1}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.blog-tag{background:rgba(8,112,184,.04);color:#3790ad;padding:.25rem .65rem;border-radius:6px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(8,112,184,.08);transition:all .2s ease}.blog-card:hover .blog-tag{background:rgba(8,112,184,.08)}.blog-card-title{font-size:1.1rem;font-weight:700;color:#111827;margin-bottom:.65rem!important;line-height:1.4;height:3.1em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card:hover .blog-card-title{color:#3790ad}.blog-card-description{font-size:.85rem;color:#6b7280;line-height:1.5;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:3em}.blog-card-footer{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.04)}.blog-read-more{font-size:.8rem;font-weight:600;color:#fbb609;display:flex;align-items:center;gap:.25rem;transition:all .2s ease}.blog-card:hover .blog-read-more{color:#e5a508;gap:.5rem}.blog-details-header{margin-bottom:3rem;text-align:center}.blog-details-hero{width:100%;height:450px;border-radius:var(--radius-xl);-o-object-fit:cover;object-fit:cover;margin-bottom:2.5rem;box-shadow:0 20px 40px rgba(0,0,0,.1)}.blog-details-title{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:hsl(var(--foreground))}.blog-content-wrapper{max-width:800px;margin:0 auto;font-size:1.125rem;line-height:1.8;color:hsl(var(--text-body))}.blog-content-wrapper p{margin-bottom:1.5rem}.blog-content-wrapper h1,.blog-content-wrapper h2,.blog-content-wrapper h3{margin-top:2.5rem;margin-bottom:1.25rem;color:hsl(var(--foreground))}.blog-content-wrapper img{border-radius:var(--radius-lg);margin:2rem 0;width:100%}.blog-back-btn{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem;color:hsl(var(--text-muted));font-weight:500;transition:color .2s;cursor:pointer}.blog-back-btn:hover{color:hsl(var(--brand-cyan))}.blog-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.blog-details-title{font-size:1.875rem}.blog-details-hero{height:300px}}#blog-html-content{font-family:inherit;color:#374151;line-height:1.85;font-size:1rem}#blog-html-content h1,#blog-html-content h2,#blog-html-content h3,#blog-html-content h4{color:#111827;font-weight:700;margin-top:2.5rem;margin-bottom:.75rem;line-height:1.3}#blog-html-content h1{font-size:2rem}#blog-html-content h2{font-size:1.6rem}#blog-html-content h3{font-size:1.25rem}#blog-html-content h4{font-size:1.1rem}#blog-html-content p{margin-bottom:1.25rem;color:#4b5563}#blog-html-content ol,#blog-html-content ul{padding-left:1.5rem;margin-bottom:1.25rem}#blog-html-content li{margin-bottom:.4rem;color:#4b5563}#blog-html-content ul li{list-style-type:disc}#blog-html-content ol li{list-style-type:decimal}#blog-html-content a{color:var(--color-primary,#0ea5e9);text-decoration:underline;text-underline-offset:3px}#blog-html-content a:hover{opacity:.8}#blog-html-content img{max-width:100%;height:auto;border-radius:1rem;margin:1.5rem 0;box-shadow:0 4px 24px 0 rgba(0,0,0,.08)}#blog-html-content hr{border:none;border-top:1px solid #e5e7eb;margin:2rem 0}#blog-html-content blockquote{border-left:4px solid var(--color-primary,#0ea5e9);padding:.75rem 1.25rem;margin:1.5rem 0;background:#f0f9ff;border-radius:0 .5rem .5rem 0;color:#374151;font-style:italic}#blog-html-content strong{color:#111827}#blog-html-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}#blog-html-content td,#blog-html-content th{border:1px solid #e5e7eb;padding:.65rem .9rem;text-align:left}#blog-html-content th{background:#f9fafb;font-weight:600;color:#111827}#blog-html-content body{all:unset;display:contents}