@font-face{font-family:CloudyVazir;src:url('../fonts/vazir.ttf') format('truetype');font-display:swap}
@font-face{font-family:CloudyLalezar;src:url('../fonts/lalezar.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;direction:rtl;text-align:right;font-family:CloudyVazir,Tahoma,Arial,sans-serif;color:#edf8ff;background:#061326;overflow-x:hidden}
a{-webkit-tap-highlight-color:transparent}
.cg-blog-archive-page{position:relative;isolation:isolate;min-height:100vh;padding:20px 16px 70px;background:radial-gradient(760px 440px at 8% -10%,rgba(80,188,255,.2),transparent 68%),radial-gradient(760px 500px at 92% 4%,rgba(86,222,255,.12),transparent 70%),linear-gradient(180deg,#071a33 0%,#07162b 46%,#050f1f 100%)}
.cg-blog-archive-page::before{content:"";position:fixed;inset:0;z-index:-2;background:repeating-linear-gradient(90deg,rgba(130,219,255,.045) 0 1px,transparent 1px 92px),repeating-linear-gradient(0deg,rgba(130,219,255,.032) 0 1px,transparent 1px 92px);pointer-events:none}
.cg-blog-archive-page::after{content:"";position:fixed;inset:auto -10% -20% -10%;height:45vh;z-index:-1;background:radial-gradient(circle at 50% 100%,rgba(72,178,255,.13),transparent 66%);pointer-events:none}
main,.cg-blog-archive-nav{width:min(1180px,100%);margin-left:auto;margin-right:auto}
.cg-blog-archive-nav{display:flex;align-items:center;justify-content:flex-start;margin-bottom:20px}
.cg-line-home-only{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 15px;border-radius:14px;color:#dff5ff;text-decoration:none;font-weight:950;background:rgba(255,255,255,.045);border:1px solid rgba(126,215,255,.14);box-shadow:none;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.cg-line-home-only span{font-size:1.15rem;line-height:1;transform:translateY(-1px)}
.cg-line-home-only:hover{transform:translateY(-1px);background:rgba(96,205,255,.1);border-color:rgba(126,215,255,.28)}
.cg-blog-archive-hero{position:relative;overflow:hidden;border:1px solid rgba(140,225,255,.17);border-radius:34px;padding:clamp(22px,4vw,42px);background:radial-gradient(circle at 12% 8%,rgba(112,225,255,.16),transparent 36%),radial-gradient(circle at 82% 22%,rgba(86,130,255,.13),transparent 35%),linear-gradient(145deg,rgba(12,39,73,.82),rgba(8,24,47,.88));box-shadow:0 26px 74px rgba(0,0,0,.24)}
.cg-blog-archive-hero::before{content:"";position:absolute;inset:-44% auto auto -18%;width:340px;height:340px;border-radius:999px;background:rgba(97,214,255,.12);filter:blur(24px);pointer-events:none}
.cg-blog-archive-kicker{position:relative;z-index:1;display:inline-flex;margin-bottom:12px;padding:7px 13px;border-radius:999px;color:#d9f8ff;font-weight:950;background:rgba(101,210,255,.12);border:1px solid rgba(166,234,255,.2)}
.cg-blog-archive-hero h1{position:relative;z-index:1;max-width:850px;margin:0;color:#fff;font-family:CloudyLalezar,CloudyVazir,sans-serif;font-size:clamp(2.25rem,5vw,4.25rem);font-weight:400;line-height:1.15;text-shadow:0 18px 50px rgba(80,190,255,.18)}
.cg-blog-archive-hero p{position:relative;z-index:1;max-width:830px;margin:16px 0 0;color:#c5dcf0;line-height:2.12;font-size:1.02rem}
.cg-blog-archive-categories{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0}
.cg-blog-archive-categories a{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(126,215,255,.14);color:#dff5ff;font-weight:950;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}
.cg-blog-archive-categories a:hover{transform:translateY(-2px);background:rgba(96,205,255,.12);border-color:rgba(126,215,255,.3)}
.cg-blog-archive-categories a.is-active{color:#06172a;background:linear-gradient(135deg,#aeefff,#61ceff 55%,#5aa4ff);border-color:rgba(221,250,255,.7);box-shadow:0 16px 38px rgba(67,179,255,.22)}
.cg-blog-archive-categories b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;color:#06172a;background:#d7f8ff;font-size:.82rem}
.cg-blog-archive-categories a.is-active b{background:rgba(255,255,255,.72)}

.cg-blog-featured-section{margin:26px 0 36px}
.cg-blog-featured-label{display:inline-flex;align-items:center;margin-bottom:12px;padding:8px 14px;border-radius:999px;color:#3a2400;background:linear-gradient(135deg,#fff1a8,#ffd257 48%,#ffae2e);border:1px solid rgba(255,232,145,.7);box-shadow:0 16px 36px rgba(255,190,55,.24);font-weight:950;text-shadow:0 1px 0 rgba(255,255,255,.25)}
.cg-blog-featured-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(300px,42%) 1fr;gap:22px;padding:14px;border-radius:30px;border:1px solid rgba(107,210,255,.22);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.24)}
.cg-blog-featured-card::before{content:"";position:absolute;inset:-35% auto auto -8%;width:320px;height:320px;border-radius:999px;background:rgba(99,211,255,.13);filter:blur(24px);pointer-events:none}
.cg-blog-featured-thumb{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:300px;border-radius:24px;overflow:hidden;text-decoration:none;background:radial-gradient(circle at center,rgba(112,220,255,.14),rgba(4,15,31,.62));border:1px solid rgba(159,228,255,.16)}
.cg-blog-featured-thumb img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:transparent;transform:none}
.cg-blog-featured-thumb span{position:absolute;inset:0;display:grid;place-items:center;color:#ddecff;font-weight:950;font-size:1.25rem}
.cg-blog-featured-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:18px 14px 18px 0}
.cg-blog-featured-content h2{margin:10px 0 12px;color:#fff;font-family:CloudyLalezar,CloudyVazir,sans-serif;font-size:clamp(2rem,4.2vw,3.35rem);font-weight:400;line-height:1.22}
.cg-blog-featured-content h2 a{color:inherit;text-decoration:none}
.cg-blog-featured-content p{margin:0 0 18px;color:#c4ddf0;line-height:2;font-size:1rem}
.cg-blog-featured-read{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:44px;padding:0 18px;border-radius:999px;color:#06172a;text-decoration:none;font-weight:950;background:linear-gradient(135deg,#c2f7ff,#65d3ff 52%,#5fa3ff);box-shadow:0 16px 36px rgba(57,172,255,.22)}
.cg-blog-soft-empty{margin-top:8px}

.cg-blog-posts-section{margin-top:34px}
.cg-blog-section-title{text-align:center;max-width:780px;margin:0 auto 24px}
.cg-blog-section-title span{color:#73ddff;font-weight:950}
.cg-blog-section-title h2{margin:9px 0;color:#fff;font-family:CloudyLalezar,CloudyVazir,sans-serif;font-size:clamp(2rem,4.8vw,3.35rem);font-weight:400;line-height:1.16}
.cg-blog-section-title p{margin:0;color:#aecaeb;line-height:2}
.cg-blog-grid{direction:ltr;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cg-blog-archive-card{direction:rtl;position:relative;overflow:hidden;padding-top:12px;border-radius:24px;border:1px solid rgba(67,190,255,.2);background:rgba(255,255,255,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 55px rgba(0,0,0,.2);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.cg-blog-archive-card:hover{transform:translateY(-5px);border-color:rgba(157,236,255,.38);box-shadow:0 26px 64px rgba(0,0,0,.25)}
.cg-blog-topic{display:inline-flex;align-items:center;justify-content:center;margin:0 14px 10px auto;padding:7px 12px;border-radius:12px;color:#fff;background:linear-gradient(135deg,rgba(76,153,255,.92),rgba(35,103,238,.92));box-shadow:0 10px 25px rgba(35,103,238,.28);font-size:.84rem;font-weight:950;max-width:calc(100% - 28px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cg-blog-card-thumb{position:relative;display:flex;align-items:center;justify-content:center;height:210px;margin:0 12px;border-radius:20px;overflow:hidden;text-decoration:none;background:radial-gradient(circle at center,rgba(99,211,255,.12),rgba(2,12,26,.42));border:1px solid rgba(159,228,255,.14)}
.cg-blog-card-thumb img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:transparent;transform:none}
.cg-blog-card-thumb span{position:absolute;inset:0;display:grid;place-items:center;color:#ddecff;font-weight:950;font-size:1.2rem}
.cg-blog-card-content{padding:18px}
.cg-blog-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#95c5f6;font-size:.88rem;margin-bottom:12px}
.cg-blog-card-meta i{font-style:normal;color:#5f86b1}
.cg-blog-archive-card h3{color:#fff;font-size:1.18rem;line-height:1.65;margin:0 0 10px;min-height:3.3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cg-blog-archive-card h3 a{color:inherit;text-decoration:none}
.cg-blog-archive-card p{color:#b8cde5;line-height:1.9;margin:0 0 14px;min-height:5.7em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cg-blog-read-link{display:inline-flex;align-items:center;color:#78bdff;text-decoration:none;font-weight:950}
.cg-blog-read-link:hover{color:#a5eeff}
.cg-blog-empty-state{max-width:680px;margin:0 auto;padding:30px;border-radius:28px;text-align:center;background:rgba(255,255,255,.07);border:1px solid rgba(126,215,255,.15)}
.cg-blog-empty-state h2{margin:0 0 10px;color:#fff}
.cg-blog-empty-state p{margin:0;color:#b9d1e7;line-height:2}
@media(max-width:980px){.cg-blog-featured-card{grid-template-columns:1fr}.cg-blog-featured-thumb{min-height:260px}.cg-blog-featured-content{padding:4px 8px 12px}.cg-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cg-blog-card-thumb{height:220px}}
@media(max-width:700px){.cg-blog-archive-page{padding:12px 10px 52px}.cg-blog-archive-page::before{background-size:74px 74px;opacity:.82}.cg-blog-archive-nav{margin-bottom:14px}.cg-line-home-only{min-height:42px}.cg-blog-archive-hero{border-radius:26px;padding:20px 15px}.cg-blog-archive-hero h1{font-size:2.22rem}.cg-blog-archive-hero p{font-size:.95rem;line-height:2}.cg-blog-archive-categories{gap:8px;overflow-x:auto;flex-wrap:nowrap;padding:1px 1px 8px;scrollbar-width:none}.cg-blog-archive-categories::-webkit-scrollbar{display:none}.cg-blog-archive-categories a{flex:0 0 auto;font-size:.88rem}.cg-blog-grid{grid-template-columns:1fr;gap:14px}.cg-blog-featured-section{margin:18px 0 26px}.cg-blog-featured-label{margin-bottom:10px}.cg-blog-featured-card{border-radius:24px;padding:11px;gap:14px}.cg-blog-featured-thumb{min-height:225px;border-radius:19px}.cg-blog-featured-content h2{font-size:2.05rem}.cg-blog-featured-read{width:100%}.cg-blog-archive-card{border-radius:23px}.cg-blog-card-thumb{height:224px;border-radius:18px}.cg-blog-archive-card h3{min-height:auto}.cg-blog-archive-card p{min-height:auto}.cg-blog-card-content{padding:16px}}