:root{--purple:#5b2a83;--purple-2:#7c40a8;--gold:#fbd223;--ink:#19151c;--muted:#6f6875;--paper:#faf8fb;--line:#331e361f}.blog-page{background:var(--paper);min-height:100vh;color:var(--ink);font-family:IBM Plex Sans Arabic,sans-serif}.blog-nav{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:74px;padding:0 max(5vw,20px);display:flex}.blog-brand{color:inherit;align-items:center;gap:9px;text-decoration:none;display:flex}.blog-brand img{object-fit:contain;width:38px;height:38px}.blog-brand span{gap:2px;line-height:1;display:grid}.blog-brand b{font-size:1.3rem}.blog-brand i{color:var(--muted);font-size:.62rem;font-style:normal}.blog-nav nav{gap:22px;display:flex}.blog-nav nav a{color:var(--ink);font-size:.92rem;font-weight:600;text-decoration:none}.blog-hero{max-width:1100px;margin:0 auto;padding:clamp(34px,6vw,60px) max(5vw,20px) 10px}.blog-hero p{color:var(--purple);margin:0 0 8px;font-size:.85rem;font-weight:700}.blog-hero h1{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(2rem,4.6vw,3rem)}.blog-hero span{color:var(--muted)}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1100px;margin:0 auto;padding:28px max(5vw,20px) 70px;display:grid}.blog-card{border:1px solid var(--line);color:inherit;background:#fff;border-radius:18px;flex-direction:column;text-decoration:none;transition:all .22s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px #3416421a}.blog-cover{background:#f1ecf5 50%/cover no-repeat;height:172px}.blog-card-body{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.blog-card-body span{color:var(--muted);font-size:.76rem}.blog-card-body h2{margin:0;font-size:1.1rem;line-height:1.5}.blog-card-body p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.8}.blog-card-body footer{color:var(--purple);margin-top:auto;padding-top:10px;font-size:.84rem;font-weight:700}.blog-empty{border:1px dashed var(--line);text-align:center;color:var(--muted);background:#fff;border-radius:18px;grid-column:1/-1;padding:40px}.post-hero{max-width:820px;margin:0 auto;padding:clamp(30px,5vw,56px) max(5vw,20px) 0}.post-hero p{color:var(--purple);margin:0 0 10px;font-size:.85rem;font-weight:700}.post-hero h1{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(1.9rem,4.4vw,2.8rem);line-height:1.3}.post-meta{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:.84rem;display:flex}.post-cover{max-width:820px;margin:24px auto 0;padding:0 max(5vw,20px)}.post-cover div{background:#f1ecf5 50%/cover no-repeat;border-radius:20px;height:clamp(200px,34vw,380px)}.post-body{max-width:820px;margin:0 auto;padding:26px max(5vw,20px) 60px}.post-body h2{margin:32px 0 12px;font-size:1.35rem}.post-body h3{margin:24px 0 10px;font-size:1.1rem}.post-body p{color:#37303c;margin:0 0 16px;line-height:2.05}.post-body ul{color:#37303c;margin:0 0 18px;padding-inline-start:22px;line-height:2}.post-back{color:var(--purple);margin-top:18px;font-weight:700;text-decoration:none;display:inline-block}@media (max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-nav nav a:not(:last-child){display:none}}.post-body a{color:var(--purple);border-bottom:1px solid #5b2a8347;font-weight:600}.post-body a:hover{border-bottom-color:var(--purple)}.post-body li a{font-weight:700}