:root{--blog-primary:#8b5cf6;--blog-primary-hover:#7c3aed;--blog-primary-light:#c084fc;--blog-primary-glow:#8b5cf626;--blog-bg:#09090b;--blog-bg-gradient:radial-gradient(circle at top,#15102a 0%,#09090b 60%,#020205 100%);--blog-glass-bg:#121218a6;--blog-glass-hover:#181820d9;--blog-glass-border:#ffffff0d;--blog-glass-border-purple:#8b5cf640;--blog-text-heading:#f4f4f5;--blog-text-title:#f4f4f5;--blog-text-body:#d4d4d8;--blog-text-muted:#71717a;--blog-section-bg:#ffffff05;--blog-card-bg:#ffffff08;--blog-shadow:0 12px 40px -10px #0009;--blog-glow:0 0 35px -5px #8b5cf633;--blog-glow-subtle:0 0 25px #8b5cf614}[data-theme=light]{--blog-bg:#fafafa;--blog-bg-gradient:radial-gradient(circle at top,#f5f3ff 0%,#fafafa 70%,#f4f4f5 100%);--blog-glass-bg:#ffffffbf;--blog-glass-hover:#fffffff2;--blog-glass-border:#09090b0f;--blog-glass-border-purple:#8b5cf62e;--blog-text-heading:#09090b;--blog-text-title:#09090b;--blog-text-body:#27272a;--blog-text-muted:#71717a;--blog-section-bg:#09090b05;--blog-card-bg:#09090b08;--blog-shadow:0 12px 40px -10px #09090b0a;--blog-glow:0 0 35px -5px #8b5cf614;--blog-glow-subtle:0 0 25px #8b5cf608}.blog-wrapper,.blog-wrapper *{box-sizing:border-box}.blog-wrapper{background:var(--blog-bg-gradient);color:var(--blog-text-body);font-family:var(--font-vazir),"Inter","DM Sans",sans-serif;min-height:100vh;padding-top:60px;transition:background .3s,color .3s;position:relative;overflow:hidden}.blog-wrapper.landing-wrapper{padding-top:0!important}.blog-wrapper a{text-decoration:none!important}.glass-container{background:var(--blog-glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--blog-glass-border);box-shadow:var(--blog-shadow);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-container:hover{background:var(--blog-glass-hover);border-color:var(--blog-glass-border-purple);box-shadow:var(--blog-glow)}.blog-navbar{z-index:1000;background:#121218b3;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;max-width:1200px;height:70px;margin:0 auto;padding:0 30px;display:flex;position:fixed;top:20px;left:20px;right:20px;box-shadow:0 10px 30px -10px #00000080}[data-theme=light] .blog-navbar{background:#fffc;border:1px solid #09090b14;box-shadow:0 10px 30px -10px #09090b0d}.navbar-links{gap:30px;list-style:none;display:flex}.navbar-link{color:var(--blog-text-title);opacity:.8;cursor:pointer;font-weight:600;transition:all .2s;position:relative}.navbar-link:hover{opacity:1;color:var(--blog-primary)}.navbar-link:after{content:"";background-color:var(--blog-primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.navbar-link:hover:after{width:100%}.cta-button{background:var(--blog-primary);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;color:#fff!important;text-decoration:none!important}.cta-button:hover{background:var(--blog-primary-hover);transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.theme-toggle-btn{border:1px solid var(--blog-glass-border);color:var(--blog-text-title);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.theme-toggle-btn:hover{background:var(--blog-primary-glow);border-color:var(--blog-primary)}.blog-hero{text-align:center;z-index:10;border:1px solid var(--blog-glass-border);width:calc(100% - 40px);max-width:1200px;box-shadow:var(--blog-shadow);background-color:#0000;background-image:radial-gradient(circle,#8b5cf614 0%,#09090bcc 100%),url(/images/backgrounds/blog_hero_bg.png);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:24px;margin:40px auto 20px;padding:80px 20px 60px;position:relative;overflow:hidden}[data-theme=light] .blog-hero{background-color:#0000;background-image:radial-gradient(circle,#8b5cf60a 0%,#fafafae6 100%),url(/images/backgrounds/blog_hero_bg.png);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.hero-tag{background:var(--blog-primary-glow);color:var(--blog-primary-light);letter-spacing:.5px;border:1px solid #8b5cf64d;border-radius:50px;margin-bottom:24px;padding:6px 18px;font-size:.85rem;font-weight:600;display:inline-block}[data-theme=light] .hero-tag{color:var(--blog-primary-hover)}.hero-title{color:var(--blog-text-title);background:linear-gradient(135deg,var(--blog-text-title)40%,var(--blog-primary-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:3.25rem;font-weight:800;line-height:1.25}[data-theme=light] .hero-title{background:linear-gradient(135deg,var(--blog-text-title)50%,var(--blog-primary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:var(--blog-text-body);opacity:.85;max-width:720px;margin:0 auto 35px;font-size:1.2rem;line-height:1.85}.filter-bar{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:calc(100% - 40px);max-width:1200px;margin:0 auto 40px;padding:16px 24px;display:flex}.categories-list{gap:10px;max-width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.category-tab{cursor:pointer;border:1px solid var(--blog-glass-border);white-space:nowrap;color:var(--blog-text-body);background:#ffffff08;border-radius:10px;padding:8px 18px;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=light] .category-tab{background:#09090b08}.category-tab:hover{background:var(--blog-glass-hover);border-color:#8b5cf64d}.category-tab.active{background:var(--blog-primary);color:#fff;border-color:var(--blog-primary);box-shadow:0 4px 15px #8b5cf64d}.search-input-wrapper{min-width:280px;position:relative}.search-input{border:1px solid var(--blog-glass-border);width:77%;color:var(--blog-text-title);background:#ffffff08;border-radius:10px;padding:10px 16px 10px 42px;font-weight:500;transition:all .2s}[data-theme=light] .search-input{background:#09090b08}.search-input:focus{border-color:var(--blog-primary);background:var(--blog-glass-bg);box-shadow:var(--blog-glow-subtle);outline:none}.bento-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto 80px;padding:0 20px;display:grid}.blog-card{flex-direction:column;height:100%;text-decoration:none;display:flex;overflow:hidden}.bento-card-large{grid-area:span 1/span 2}.card-thumb-wrapper{border-bottom:1px solid var(--blog-glass-border);width:100%;height:220px;position:relative;overflow:hidden}.bento-card-large .card-thumb-wrapper{height:320px}.card-thumb{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.blog-card:hover .card-thumb{transform:scale(1.03)}.card-content{flex-direction:column;flex-grow:1;padding:24px;display:flex}.card-meta{color:var(--blog-text-muted);justify-content:space-between;margin-bottom:14px;font-size:.8rem;display:flex}.card-title{color:var(--blog-text-title);margin-bottom:12px;font-size:1.25rem;font-weight:700;line-height:1.45;transition:color .2s}.bento-card-large .card-title{font-size:1.75rem}.blog-card:hover .card-title{color:var(--blog-primary-light)}[data-theme=light] .blog-card:hover .card-title{color:var(--blog-primary-hover)}.card-desc{color:var(--blog-text-body);opacity:.8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:20px;font-size:.95rem;line-height:1.65;display:-webkit-box;overflow:hidden}.bento-card-large .card-desc{-webkit-line-clamp:3}.card-footer{color:var(--blog-primary-light);align-items:center;gap:6px;margin-top:auto;font-size:.9rem;font-weight:700;transition:gap .2s,color .2s;display:flex}[data-theme=light] .card-footer{color:var(--blog-primary)}.blog-card:hover .card-footer{color:var(--blog-primary);gap:10px}.card-footer svg{transition:transform .2s}.blog-card:hover .card-footer svg{transform:translate(-4px)}.blog-content-container{margin-top:40px;padding:0 20px}.blog-featured-image-wrapper{aspect-ratio:21/9;border:1px solid var(--blog-glass-border);width:100%;max-height:500px;box-shadow:var(--blog-shadow);border-radius:24px;margin-bottom:24px;position:relative;overflow:hidden}.blog-featured-image{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1);display:block}.blog-featured-image-wrapper:hover .blog-featured-image{transform:scale(1.02)}@media (max-width:768px){.blog-featured-image-wrapper{aspect-ratio:16/10;border-radius:16px;margin-bottom:16px}}.blog-article-body{margin-top:24px;padding:40px;line-height:1.9}.blog-section{width:100%}.blog-column{transition:all .3s}.blog-footer{border-top:1px solid var(--blog-glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#09090b66;padding:60px 20px}[data-theme=light] .blog-footer{background:#fafafa99}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes blurIn{0%{filter:blur(8px);opacity:0}to{filter:blur();opacity:1}}.animate-element{opacity:0;animation-duration:.6s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.animate-element.visible{opacity:1}.animate-fadeIn.visible{animation-name:fadeIn}.animate-slideUp.visible{animation-name:slideUp}.animate-slideLeft.visible{animation-name:slideLeft}.animate-slideRight.visible{animation-name:slideRight}.animate-zoomIn.visible{animation-name:zoomIn}.animate-blurIn.visible{animation-name:blurIn}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card-large{grid-column:span 2}}@media (max-width:768px){.bento-grid{grid-template-columns:1fr;gap:20px;padding:0 16px}.bento-card-large{grid-column:span 1}.bento-card-large .card-title{font-size:1.4rem}.bento-card-large .card-thumb-wrapper{height:220px}.hero-title{font-size:2.25rem}.filter-bar{flex-direction:column;align-items:stretch;padding:16px}.navbar-links{display:none}.blog-navbar{height:60px;padding:0 15px;top:10px;left:10px;right:10px}.blog-wrapper{padding-top:80px}.blog-content-container{padding:0 12px!important}.blog-article-body{padding:24px 16px!important}.blog-section{margin-left:0!important;margin-right:0!important;padding:10px 4px!important}.blog-column{padding-left:0!important;padding-right:0!important}}@media (max-width:480px){.blog-wrapper{padding-top:70px}.blog-navbar{height:55px;padding:0 10px;top:5px;left:5px;right:5px}.hero-title{font-size:1.9rem}}.responsive-table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.responsive-table-container table{width:100%;min-width:600px}