:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])){background:linear-gradient(#f6f7fb 0%,#fff 60%);padding:5rem 0 4.5rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-hero{padding-bottom:2.5rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-hero-card{text-align:center;backdrop-filter:blur(10px);background:linear-gradient(135deg,#0d6efd1f 0%,#6f42c11f 100%);border:1px solid #0d6efd29;border-radius:18px;max-width:880px;margin:0 auto;padding:2.75rem 3rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-hero h1{color:#fff;margin-bottom:.8rem;font-size:2.6rem;font-weight:700}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-hero hr{background:linear-gradient(90deg,#0d6efd 0%,#6f42c1 100%);border:0;border-radius:999px;width:96px;height:4px;margin:1.2rem auto 1.35rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-hero p{color:#fff;max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.7}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search{padding-bottom:2.25rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-form{background:#ffffffeb;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.25rem;padding:1.5rem;display:flex;box-shadow:0 20px 45px #0f172a14}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-per-page{color:#0d6efd;background:#0d6efd14;border:1px solid #0d6efd26;border-radius:12px;flex:none;align-items:center;gap:.6rem;padding:.65rem .85rem;font-weight:600;transition:background .2s,border .2s;display:flex}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-per-page i{color:#fff;background:linear-gradient(135deg,#0d6efd 0%,#6f42c1 100%);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;display:inline-flex;box-shadow:0 10px 18px #0d6efd40}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-per-page span{text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-per-page select{color:#0d6efd;background:#fff;border:1px solid #0d6efd4d;border-radius:9px;min-width:auto;padding:.4rem .9rem;font-weight:600;transition:border .2s,box-shadow .2s;box-shadow:0 4px 14px #0d6efd26}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-per-page select:focus{border-color:#6f42c1;outline:none;box-shadow:0 0 0 3px #6f42c133}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-per-page:hover{background:#0d6efd1f;border-color:#0d6efd40}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-form input[type=search],:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-form select,:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-per-page select{color:#363636;background:#fff;border:1px solid #d0d7e6;border-radius:10px;min-width:300px;height:46px;padding:0 .95rem;font-size:1rem;transition:border .2s,box-shadow .2s}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-form input[type=search]:focus,:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-form select:focus{border-color:#6f42c1;outline:none;box-shadow:0 0 0 3px #6f42c126}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d6efd 0%,#6f42c1 100%);border:none;border-radius:10px;height:46px;padding:0 1.6rem;font-weight:600;transition:transform .2s,box-shadow .2s}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-form button:hover{transform:translateY(-1px);box-shadow:0 14px 25px #0d6efd40}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-reset{color:#0d6efd;background:#0d6efd1f;border:1px solid #0d6efd2e;border-radius:10px;align-items:center;height:46px;padding:0 1.1rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-reset:hover{color:#084298;background:#0d6efd33}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-summary{padding-bottom:1.75rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-summary-content{color:#455468;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.98rem;display:flex}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-summary-text{font-size:1rem;font-weight:500}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-stats{flex-wrap:wrap;gap:.6rem;display:flex}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-stat-chip{color:#0f766e;background:#0f766e1f;border-radius:999px;align-items:center;gap:.35rem;padding:.55rem .85rem;font-size:.88rem;font-weight:600;display:inline-flex}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-stat-chip.secondary{color:#0d6efd;background:#0d6efd1a}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-alert{color:#854d0e;background:#facc1524;border:1px solid #facc1566;border-radius:12px;padding:1.3rem 1.6rem;font-weight:500}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-empty{text-align:center;color:#5b6575;padding:2.8rem 0}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-empty strong{color:#1f2937;margin-bottom:.6rem;font-size:1.15rem;display:block}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-per-page{flex-wrap:wrap;justify-content:center;width:auto}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-per-page select{min-width:120px}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-grid-section{padding-top:.5rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-grid-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.8rem;display:grid}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:18px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 26px 40px #0f172a14;margin:0!important}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card:hover{transform:translateY(-6px);box-shadow:0 32px 55px #0f172a1f}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card-cover{aspect-ratio:16/9;background:#e2e8f0;max-height:220px;display:block;position:relative;overflow:hidden}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .25s}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card:hover .blog-card-cover img{transform:scale(1.04)}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card-body{flex-direction:column;gap:.9rem;padding:1.5rem 1.55rem 1.7rem;display:flex}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card-meta{color:#5b6575;flex-wrap:wrap;gap:.55rem .75rem;font-size:.85rem;display:flex}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card-badge{text-transform:uppercase;letter-spacing:.05em;color:#0d6efd;background:#0d6efd1f;border-radius:999px;align-items:center;padding:.3rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card-category{color:#0f766e;background:#0f766e1f;border-radius:999px;padding:.25rem .65rem;font-size:.78rem;font-weight:600}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card-author,:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-author{color:#6f42c1;font-size:.85rem;font-weight:600}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card-reading,:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-reading{color:#64748b;align-items:center;gap:.3rem;font-size:.82rem;font-weight:500;display:inline-flex}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card-reading svg,:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-reading svg{opacity:.75;flex-shrink:0}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card-title{color:#111827;margin:0;font-size:1.3rem;font-weight:700;line-height:1.4}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card-title a{color:inherit;text-decoration:none}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card-title a:hover{color:#0d6efd}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card-excerpt{color:#425066;margin:0;font-size:.98rem;line-height:1.65}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card-link{color:#0d6efd;align-items:center;gap:.4rem;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card-link:hover{gap:.6rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-pagination{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:3rem;display:flex}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:960px;margin:0 auto 2rem;display:flex}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-back{color:#0d6efd;align-items:center;gap:.4rem;font-weight:600;text-decoration:none;display:inline-flex}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-back:hover{color:#093dba}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-header{text-align:center;margin-bottom:2.2rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-title{color:#0f172a;margin-bottom:1rem;font-size:2.45rem;font-weight:700}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-subtitle{color:#455468;margin-bottom:1.6rem;font-size:1.15rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-meta{color:#546070;flex-wrap:wrap;justify-content:center;gap:.6rem 1.2rem;font-size:.95rem;display:flex}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-meta span{align-items:center;gap:.35rem;display:inline-flex}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-cover{background:#e2e8f0;border-radius:20px;max-width:780px;max-height:420px;margin:0 auto 2.8rem;overflow:hidden;box-shadow:0 28px 60px #0f172a1f}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-cover img{object-fit:cover;width:100%;height:100%;display:block}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-content{color:#2d3748;max-width:100%;font-size:1.05rem;line-height:1.85;margin:0!important}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-content p{margin-bottom:1.45rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-content h2,:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-content h3,:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-content h4{color:#111827;margin-top:2.2rem;margin-bottom:1rem;font-weight:700}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-content h2{font-size:1.75rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-content h3{font-size:1.45rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-content ul,:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-content ol{margin-bottom:1.4rem;padding-left:1.2rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-content li{margin-bottom:.6rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-content blockquote{color:#475569;background:#0d6efd14;border-left:4px solid #0d6efd66;border-radius:6px;margin:1.8rem 0;padding-left:1.1rem;font-style:italic}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-content img{border-radius:16px;max-width:100%;height:auto;margin:1.8rem 0;box-shadow:0 18px 45px #0f172a2e}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-tags{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:2.5rem;display:flex}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-tag{color:#0d6efd;background:#0d6efd1f;border-radius:999px;padding:.45rem .75rem;font-size:.85rem;font-weight:600}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-related{margin-top:4.5rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-related h3{text-align:center;color:#0f172a;margin-bottom:2rem;font-size:1.6rem;font-weight:700}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-pagination a,:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-pagination span{color:#0d6efd;background:#fff;border:1px solid #d6ddeb;border-radius:999px;justify-content:center;align-items:center;min-width:46px;height:46px;padding:0 .85rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border .2s;display:inline-flex}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-pagination span.current{color:#fff;background:linear-gradient(135deg,#0d6efd 0%,#6f42c1 100%);border-color:#0000}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-pagination span.disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-pagination a:hover{background:#0d6efd1a;border-color:#0d6efd59}@media (width<=960px){:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])){padding:2.5rem 0 3.5rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-hero-card{padding:2.4rem 2.1rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-form{flex-direction:column;align-items:stretch;padding:1.4rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-form input[type=search],:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-form select{width:100%;min-width:auto}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-grid-list{gap:1.4rem}}@media (width<=540px){:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-hero h1{font-size:2.1rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-search-reset{justify-content:center}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-card-body{padding:1.35rem 1.35rem 1.55rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-title{font-size:1.9rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-content{font-size:1rem}}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-article{padding-top:2rem}:is(:where([data-theme=premium]) #blog,#blog:where([data-theme=premium])) .blog-detail-article .wrapper{max-width:960px}
