*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-body);color:var(--text-primary);line-height:1.8;font-size:15.5px;direction:rtl;text-align:right;transition:background-color 0.3s ease,color 0.3s ease;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:color 0.2s ease}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button,input,textarea{font-family:inherit}.site-container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;position:relative;z-index:1}.ambient-glow{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:0.18;animation:float-glow 16s ease-in-out infinite alternate}[data-theme="dark"] .ambient-glow{opacity:0.28}.glow-top-right{top:-120px;right:-120px;width:550px;height:550px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%)}.glow-mid-left{top:45%;left:-180px;width:600px;height:600px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);animation-duration:22s}@keyframes float-glow{0%{transform:translateY(0px) scale(1)}50%{transform:translateY(45px) scale(1.08)}100%{transform:translateY(-30px) scale(0.96)}}.reading-progress-bar{position:fixed;top:0;left:0;right:0;height:3.5px;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);width:0%;z-index:99999;pointer-events:none;transition:width 0.08s ease-out;box-shadow:0 0 12px rgba(var(--primary-rgb),0.8)}.animate-fade-in{opacity:0;transform:translateY(24px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1),transform 0.7s cubic-bezier(0.16,1,0.3,1)}.animate-fade-in.is-visible{opacity:1;transform:translateY(0)}.article-card,.bento-card,.widget-box{position:relative;transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),box-shadow 0.35s ease,border-color 0.35s ease}.article-card::before,.bento-card::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent 40%,rgba(var(--primary-rgb),0.4) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity 0.35s ease}.article-card:hover::before,.bento-card:hover::before{opacity:1}.article-card:hover{transform:translateY(-6px) scale(1.008);box-shadow:var(--shadow-lg),0 0 20px rgba(var(--primary-rgb),0.12)}.bento-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg),0 0 25px rgba(var(--primary-rgb),0.18)}.site-header{position:fixed;top:16px;left:0;right:0;z-index:10000;pointer-events:none;background:transparent;border:none;height:auto;transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}.site-header .header-inner,.site-header .vex-nav-inner,.site-header .main-navigation,.site-header .vex-nav-links,.site-header .header-actions{pointer-events:auto !important}.vex-nav-inner a,.vex-nav-inner button,.vex-nav-links a,.main-navigation a,.brand-link,.action-btn,.vex-btn-white-sm{pointer-events:auto !important;cursor:pointer}body:not(.home) .site-main{padding-top:96px}.site-branding .brand-link{display:flex;align-items:center;gap:12px}.brand-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#ffffff;box-shadow:0 0 15px rgba(6,182,212,0.4);overflow:hidden;flex-shrink:0}.brand-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.brand-text{display:flex;flex-direction:column;text-align:right}.brand-title{font-size:19px;font-weight:800;letter-spacing:-0.4px;color:#ffffff;font-family:'Inter',sans-serif;line-height:1.15}.brand-subtitle{font-size:11px;color:#d1d5db;font-weight:500;margin-top:1px}.main-navigation .nav-menu{display:flex;align-items:center;gap:6px}.main-navigation .nav-menu a{display:inline-block;padding:8px 14px;font-size:14px;font-weight:600;color:#d1d5db;border-radius:9999px;font-family:'Inter',var(--font-main);transition:all 0.2s ease}.main-navigation .nav-menu a:hover,.main-navigation .nav-menu .current-menu-item > a{color:#ffffff;background:rgba(255,255,255,0.12)}.header-actions{display:flex;align-items:center;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:#ffffff;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;transition:all 0.2s ease}.action-btn:hover{background:rgba(255,255,255,0.2);color:#ffffff;border-color:rgba(255,255,255,0.4);transform:translateY(-1px)}.liquid-glass{background:rgba(0,0,0,0.4);background-blend-mode:luminosity;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:none;box-shadow:inset 0 1px 1px rgba(255,255,255,0.1);position:relative;overflow:hidden}.liquid-glass::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient( 180deg,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 20%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,0.1) 80%,rgba(255,255,255,0.3) 100% );-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.vex-floating-navbar{position:fixed;top:16px;left:0;right:0;z-index:10000 !important;background:transparent !important;border:none !important;box-shadow:none !important}.vex-nav-inner{direction:rtl;border-radius:14px;padding:8px 18px;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1240px;margin:0 auto;pointer-events:auto !important;position:relative;z-index:10001}.vex-nav-links{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0;pointer-events:auto !important;direction:rtl}.vex-nav-links a{color:#ffffff;font-family:'Inter',var(--font-main);font-size:14px;font-weight:500;transition:color 0.2s ease;text-decoration:none;pointer-events:auto !important;cursor:pointer;display:inline-block;padding:4px 6px}.vex-nav-links a:hover{color:#d1d5db}.vex-btn-white-sm{background:#ffffff;color:#000000 !important;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:600;font-family:'Inter',var(--font-main);text-decoration:none;transition:background 0.2s ease,transform 0.2s ease;display:inline-flex;align-items:center}.vex-btn-white-sm:hover{background:#f3f4f6;transform:translateY(-1px)}.vex-hero-section{position:relative;width:100%;height:100vh;min-height:640px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:#000000;margin-bottom:40px}.vex-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.vex-hero-bottom{position:relative;z-index:10;width:100%;padding-bottom:56px}.vex-hero-grid{direction:ltr;display:flex;justify-content:space-between;align-items:flex-end;gap:36px}.vex-col-left{flex:1;max-width:760px;direction:ltr;text-align:left}.vex-animated-heading{direction:ltr;text-align:left;font-family:'Inter',sans-serif;font-size:clamp(2.4rem,5.2vw,4.6rem);font-weight:400;letter-spacing:-0.04em;color:#ffffff;line-height:1.1;margin:0 0 16px 0;text-shadow:0 4px 25px rgba(0,0,0,0.6)}.vex-heading-line{display:block;direction:ltr;text-align:left;white-space:nowrap}.vex-heading-char{display:inline-block;opacity:0;transform:translateX(-18px);transition:opacity 500ms ease,transform 500ms ease;will-change:transform,opacity}.vex-heading-char.is-animated{opacity:1;transform:translateX(0)}.vex-heading-word{display:inline-block;opacity:0;transform:translateY(18px);transition:opacity 500ms ease,transform 500ms cubic-bezier(0.16,1,0.3,1);will-change:transform,opacity}.vex-heading-word.is-animated{opacity:1;transform:translateY(0)}.vex-subtitle-wrap{margin:0 0 24px 0;max-width:680px;text-align:left}.vex-subtitle-fa{color:#f1f5f9;font-family:var(--font-main);font-size:1.05rem;line-height:1.7;margin:0 0 6px 0;direction:rtl;text-align:right;text-shadow:0 2px 14px rgba(0,0,0,0.7)}.vex-subtitle-en{color:#cbd5e1;font-family:'Inter',sans-serif;font-size:clamp(0.95rem,1.6vw,1.1rem);line-height:1.6;margin:0;direction:ltr;text-align:left;text-shadow:0 2px 14px rgba(0,0,0,0.7)}.vex-cta-group{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.vex-btn-solid{background:#ffffff;color:#000000 !important;font-family:'Inter',var(--font-main);font-weight:600;font-size:1rem;padding:12px 32px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,0.25);transition:background 0.2s ease,transform 0.2s ease}.vex-btn-solid:hover{background:#f3f4f6;transform:translateY(-2px)}.vex-btn-glass{color:#ffffff !important;font-family:'Inter',var(--font-main);font-weight:600;font-size:1rem;padding:12px 32px;border-radius:10px;border:1px solid rgba(255,255,255,0.2) !important;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:all 0.2s ease}.vex-btn-glass:hover{background:#ffffff !important;color:#000000 !important;transform:translateY(-2px)}.vex-col-right{flex-shrink:0}.vex-tag-badge{border-radius:14px;padding:16px 28px;border:1px solid rgba(255,255,255,0.2) !important;display:inline-block;text-align:right;direction:rtl;transition:transform 0.2s ease}.vex-tag-badge:hover{transform:translateY(-2px)}.vex-tag-main{font-family:var(--font-main),'Inter',sans-serif;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:700;color:#ffffff;margin:0;letter-spacing:-0.02em}.vex-tag-sub{font-size:0.88rem;color:#d1d5db;display:block;margin-top:4px}.vex-fade-in{opacity:0;transition:opacity 1000ms ease}.vex-fade-in.is-visible{opacity:1}.hero-scroll-indicator{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:10;color:rgba(255,255,255,0.7);animation:bounce-down 2s infinite;transition:color 0.2s ease;display:flex;align-items:center;justify-content:center}.hero-scroll-indicator:hover{color:#ffffff}@keyframes bounce-down{0%,20%,50%,80%,100%{transform:translate(-50%,0)}40%{transform:translate(-50%,-8px)}60%{transform:translate(-50%,-4px)}}@media (max-width:900px){.vex-hero-grid{flex-direction:column;align-items:flex-start;gap:24px}.vex-tag-badge{border-radius:12px;padding:10px 18px}.vex-nav-inner{border-radius:14px;padding:8px 14px}.vex-nav-links{display:none}}.theme-toggle .moon-icon{display:none}.theme-toggle .sun-icon{display:block}[data-theme="dark"] .theme-toggle .moon-icon{display:block}[data-theme="dark"] .theme-toggle .sun-icon{display:none}.mobile-menu-toggle{display:none}.hero-bento-section{padding-top:28px;margin-bottom:36px}.section-badge{display:inline-flex;align-items:center;gap:8px;background:var(--badge-bg);color:var(--badge-text);font-size:13px;font-weight:700;padding:4px 12px;border-radius:var(--radius-full);margin-bottom:16px}.section-badge svg{color:var(--primary)}.bento-grid{display:grid;grid-template-columns:1.8fr 1fr;grid-template-rows:240px 240px;gap:18px}.bento-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:transform 0.3s ease,box-shadow 0.3s ease}.bento-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.bento-main{grid-row:span 2}.bento-thumb-wrap,.bento-thumb-placeholder{position:absolute;inset:0;width:100%;height:100%}.bento-img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.bento-card:hover .bento-img{transform:scale(1.04)}.tech-pattern-bg{width:100%;height:100%;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0369a1 100%)}.bento-gradient-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.1) 100%)}.bento-content{position:absolute;bottom:0;left:0;right:0;padding:24px;z-index:2;color:#ffffff}.category-pill{display:inline-block;background:var(--primary);color:#ffffff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:var(--radius-sm);margin-bottom:8px;transition:opacity 0.2s ease}.category-pill:hover{opacity:0.9}.bento-main .bento-title{font-size:24px;font-weight:800;line-height:1.5;margin-bottom:10px}.bento-sub .bento-title{font-size:17px;font-weight:700;line-height:1.5;margin-bottom:8px}.bento-title a{color:#ffffff}.bento-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:rgba(255,255,255,0.8)}.meta-item{display:inline-flex;align-items:center;gap:5px}.category-filter-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:30px;overflow-x:auto}.filter-label{font-weight:700;font-size:14px;color:var(--text-primary);white-space:nowrap}.filter-pills-list{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.filter-pill{white-space:nowrap;padding:6px 14px;background:var(--bg-subtle);color:var(--text-secondary);border-radius:var(--radius-full);font-size:13px;font-weight:600;transition:all 0.2s ease}.filter-pill:hover,.filter-pill.active{background:var(--primary);color:#ffffff}.content-layout{display:grid;grid-template-columns:1fr 340px;gap:32px;margin-bottom:60px}.feed-header{margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.feed-title{font-size:20px;font-weight:800;position:relative}.feed-title::after{content:'';position:absolute;bottom:-14px;right:0;width:50px;height:2px;background:var(--primary)}.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.article-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(var(--primary-rgb),0.4)}.card-thumb-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-subtle);overflow:hidden}.card-img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.article-card:hover .card-img{transform:scale(1.05)}.card-placeholder-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--primary-rgb),0.1),rgba(var(--accent-rgb),0.1));color:var(--primary)}.card-cat-badge{position:absolute;top:12px;right:12px;background:rgba(15,23,42,0.8);backdrop-filter:blur(4px);color:#ffffff;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:var(--radius-sm)}.card-body{padding:20px;display:flex;flex-direction:column;flex:1}.card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);margin-bottom:10px}.meta-date,.meta-readtime{display:inline-flex;align-items:center;gap:4px}.card-title{font-size:18px;font-weight:700;line-height:1.5;margin-bottom:10px;color:var(--text-primary)}.card-title a:hover{color:var(--primary)}.card-excerpt{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:18px;flex:1}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border-color);font-size:13px}.card-author{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-weight:600}.author-avatar-sm{border-radius:50%}.card-read-link{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-weight:700}.card-read-link:hover{color:var(--primary-hover)}.sidebar-column{display:flex;flex-direction:column;gap:24px}.widget-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm)}.widget-title{font-size:16px;font-weight:800;margin-bottom:16px;position:relative;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.widget-title::after{content:'';position:absolute;bottom:-1px;right:0;width:36px;height:2px;background:var(--primary)}.telegram-widget{background:linear-gradient(135deg,rgba(2,132,199,0.08) 0%,rgba(99,102,241,0.08) 100%);border-color:rgba(var(--primary-rgb),0.3)}.widget-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tg-icon{width:40px;height:40px;border-radius:50%;background:#0284c7;color:#ffffff;display:flex;align-items:center;justify-content:center}.telegram-widget h4{font-size:16px;font-weight:800}.telegram-widget p{font-size:13.5px;color:var(--text-secondary);margin-bottom:16px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#ffffff;font-size:14px;font-weight:700;padding:10px 18px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background-color 0.2s ease}.btn-primary:hover{background:var(--primary-hover)}.btn-block{width:100%}.widget-cat-list li{margin-bottom:8px}.widget-cat-list a{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-subtle);border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;color:var(--text-secondary);transition:all 0.2s ease}.widget-cat-list a:hover{background:var(--badge-bg);color:var(--primary)}.cat-count{font-size:12px;padding:2px 8px;background:var(--bg-card);border-radius:var(--radius-full)}.widget-popular-posts{display:flex;flex-direction:column;gap:12px}.mini-post-item{padding-bottom:10px;border-bottom:1px solid var(--border-color)}.mini-post-item:last-child{border-bottom:none;padding-bottom:0}.mini-post-title{font-size:14px;font-weight:700;line-height:1.5;color:var(--text-primary);display:block;margin-bottom:4px}.mini-post-title:hover{color:var(--primary)}.mini-post-date{font-size:11.5px;color:var(--text-muted)}.breadcrumbs-container{padding:20px 0 10px}.breadcrumbs{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.breadcrumbs a:hover{color:var(--primary)}.breadcrumbs .sep{opacity:0.5}.breadcrumbs .current{color:var(--text-secondary);font-weight:600}.single-article-wrap{margin-top:10px}.single-article-header{margin-bottom:24px}.single-article-title{font-size:32px;font-weight:900;line-height:1.5;margin:14px 0 20px}.single-article-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md)}.meta-author{display:flex;align-items:center;gap:12px}.author-avatar-md{border-radius:50%}.author-details{display:flex;flex-direction:column}.author-label{font-size:11px;color:var(--text-muted)}.author-details .author-name{font-size:14px;font-weight:700}.meta-group{display:flex;align-items:center;gap:18px;font-size:13px;color:var(--text-secondary)}.single-featured-thumb{margin-bottom:30px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.single-thumb-img{width:100%;max-height:520px;object-fit:cover}.single-content-layout{display:grid;grid-template-columns:1fr 340px;gap:36px;margin-bottom:60px}.article-entry-content{font-size:17px;line-height:2.0;color:var(--text-primary)}.article-entry-content p{margin-bottom:24px}.article-entry-content h2{font-size:24px;font-weight:800;margin:40px 0 18px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.article-entry-content h3{font-size:20px;font-weight:700;margin:32px 0 14px}.article-entry-content blockquote{border-right:4px solid var(--primary);background:var(--bg-subtle);padding:16px 20px;border-radius:0 var(--radius-md) var(--radius-md) 0;margin:28px 0;font-style:normal;color:var(--text-secondary)}.article-entry-content a{color:var(--primary);text-decoration:underline;text-decoration-color:rgba(var(--primary-rgb),0.4);text-underline-offset:4px;font-weight:600;transition:all 0.2s ease}.article-entry-content a:hover{color:var(--primary-hover);text-decoration-color:var(--primary-hover)}.tech-specs-box{background:var(--bg-card);border:1px solid var(--border-color);border-right:4px solid var(--primary);border-radius:var(--radius-md);padding:20px 24px;margin:30px 0;box-shadow:var(--shadow-sm)}.tech-specs-box ul{list-style:disc;padding-right:20px;margin:0}.tech-specs-box li{margin-bottom:8px;font-size:15px;color:var(--text-primary)}.article-source-box,.article-references-box{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:linear-gradient(135deg,rgba(var(--primary-rgb),0.08) 0%,rgba(var(--accent-rgb),0.05) 100%);border:1px solid rgba(var(--primary-rgb),0.25);border-radius:var(--radius-md);padding:16px 22px;margin:36px 0 24px;font-size:15px}.source-label{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--text-primary)}.source-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary) !important;font-weight:700;text-decoration:underline !important;text-underline-offset:3px;word-break:break-all}.source-link:hover{color:var(--primary-hover) !important}.article-entry-content pre{position:relative;background:#0f172a;color:#e2e8f0;font-family:var(--font-code);font-size:14px;line-height:1.6;direction:ltr;text-align:left;padding:20px;border-radius:var(--radius-md);margin:24px 0;overflow-x:auto;border:1px solid #1e293b}.article-entry-content code{font-family:var(--font-code);font-size:14px}.article-entry-content p code{background:var(--bg-subtle);color:var(--primary);padding:2px 6px;border-radius:4px;direction:ltr;display:inline-block}.code-copy-btn{position:absolute;top:10px;right:10px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);color:#ffffff;padding:4px 10px;font-size:12px;border-radius:4px;cursor:pointer;transition:all 0.2s ease}.code-copy-btn:hover{background:rgba(255,255,255,0.2)}.article-tags-wrap{display:flex;align-items:center;gap:12px;margin:32px 0;padding-top:20px;border-top:1px solid var(--border-color)}.tags-title{font-weight:700;font-size:14px}.tags-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tag-pill{font-size:13px;padding:4px 12px;background:var(--bg-subtle);border-radius:var(--radius-full);color:var(--text-secondary)}.tag-pill:hover{background:var(--primary);color:#ffffff}.social-share-box{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:30px}.share-title{font-weight:700;font-size:14px}.share-buttons{display:flex;align-items:center;gap:10px}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;color:#ffffff}.share-tg{background:#0088cc}.share-tw{background:#0f1419}.share-li{background:#0a66c2}.author-bio-card{display:flex;align-items:center;gap:20px;padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:40px}.author-bio-avatar{border-radius:50%;flex-shrink:0}.author-bio-name{font-size:17px;font-weight:800;margin-bottom:6px}.author-bio-desc{font-size:14px;color:var(--text-secondary);line-height:1.7}.related-posts-section{margin-bottom:40px}.related-section-title{font-size:18px;font-weight:800;margin-bottom:18px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.related-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.related-thumb-link{aspect-ratio:16 / 9;background:var(--bg-subtle);overflow:hidden}.related-img{width:100%;height:100%;object-fit:cover}.related-info{padding:14px}.related-info h4{font-size:14px;font-weight:700;margin-bottom:6px;line-height:1.5}.related-date{font-size:11.5px;color:var(--text-muted)}.page-box-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:36px;margin-bottom:60px}.page-title{font-size:28px;font-weight:900;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.archive-header-box{display:flex;align-items:center;gap:18px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;margin-bottom:30px}.archive-header-icon{width:56px;height:56px;border-radius:var(--radius-md);background:var(--badge-bg);color:var(--primary);display:flex;align-items:center;justify-content:center}.archive-subtitle{font-size:13px;color:var(--text-muted)}.archive-title{font-size:22px;font-weight:800}.error-404-wrap{text-align:center;padding:80px 20px}.error-glitch-text{font-size:96px;font-weight:900;color:var(--primary);letter-spacing:-4px;line-height:1;margin-bottom:16px}.error-title{font-size:24px;font-weight:800;margin-bottom:12px}.error-desc{color:var(--text-secondary);margin-bottom:24px}.site-footer{background:var(--bg-card);border-top:1px solid var(--border-color);padding-top:50px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:36px;margin-bottom:40px}.footer-brand .brand-title{font-size:22px;font-weight:800;color:var(--primary)}.footer-brand .brand-subtitle{display:block;font-size:12px;color:var(--text-muted);margin-bottom:12px}.footer-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.8;margin-bottom:18px}.footer-social-links{display:flex;align-items:center;gap:10px}.footer-social-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary);transition:all 0.2s ease}.footer-social-btn:hover{background:var(--primary);color:#ffffff}.footer-col-title{font-size:16px;font-weight:800;margin-bottom:18px;position:relative;padding-bottom:8px}.footer-col-title::after{content:'';position:absolute;bottom:0;right:0;width:28px;height:2px;background:var(--primary)}.footer-links li{margin-bottom:10px}.footer-links a{color:var(--text-secondary);font-size:14px;transition:color 0.2s ease}.footer-links a:hover{color:var(--primary)}.footer-newsletter-text{font-size:13.5px;color:var(--text-secondary);margin-bottom:14px}.newsletter-input-group{display:flex;gap:8px}.newsletter-input-group input{flex:1;padding:10px 14px;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px}.footer-bottom{border-top:1px solid var(--border-color);padding:20px 0;font-size:13px;color:var(--text-muted)}.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-copy-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.footer-powered-by{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-muted)}.parspack-badge{display:inline-flex;align-items:center;padding:2px 10px;background:rgba(6,182,212,0.08);border:1px solid rgba(6,182,212,0.3);border-radius:var(--radius-full);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:11px;font-weight:700;color:var(--primary);letter-spacing:0.3px;transition:all 0.25s ease;direction:ltr;text-decoration:none}.parspack-badge:hover{background:var(--primary);border-color:var(--primary);color:#ffffff;box-shadow:0 0 12px rgba(6,182,212,0.4);transform:translateY(-1px)}.back-to-top-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 14px;border-radius:var(--radius-full);cursor:pointer;font-size:12.5px;font-weight:600;transition:all 0.2s ease}.back-to-top-btn:hover{background:var(--primary);color:#ffffff}.search-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);z-index:999;display:none;align-items:center;justify-content:center;padding:20px}.search-modal-overlay.active{display:flex}.search-modal-box{position:relative;width:100%;max-width:640px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:36px 28px;box-shadow:var(--shadow-lg)}.search-close-btn{position:absolute;top:16px;left:16px;background:transparent;border:none;color:var(--text-muted);cursor:pointer}.search-input-wrap{display:flex;align-items:center;gap:12px;background:var(--bg-subtle);border:2px solid var(--primary);border-radius:var(--radius-md);padding:12px 16px}.search-field{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:16px}.mobile-drawer{position:fixed;top:0;right:-300px;width:280px;height:100vh;background:var(--bg-surface);border-left:1px solid var(--border-color);z-index:1000;padding:24px;transition:right 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:var(--shadow-lg)}.mobile-drawer.open{right:0}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid var(--border-color)}.mobile-nav-list li{margin-bottom:12px}.mobile-nav-list a{display:block;padding:8px 12px;font-weight:600;border-radius:var(--radius-sm);color:var(--text-secondary)}.mobile-nav-list a:hover{background:var(--badge-bg);color:var(--primary)}.screen-reader-text{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.pagination-wrap{margin:50px auto 30px !important;width:100% !important;display:flex !important;justify-content:center !important;align-items:center !important}.pagination-wrap .navigation.pagination,nav.navigation.pagination{width:100% !important;display:flex !important;justify-content:center !important;text-align:center !important}.pagination-wrap .nav-links,nav.navigation.pagination .nav-links{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;padding:10px 16px !important;background:var(--bg-card) !important;border:1.5px solid var(--border-color) !important;border-radius:16px !important;box-shadow:0 4px 20px rgba(0,0,0,0.06) !important;flex-wrap:wrap !important}.pagination-wrap .page-numbers,nav.navigation.pagination .page-numbers{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:44px !important;height:44px !important;padding:0 14px !important;border-radius:12px !important;font-family:var(--font-main) !important;font-size:16px !important;font-weight:700 !important;color:var(--text-primary) !important;background:var(--bg-surface) !important;border:1.5px solid var(--border-color) !important;text-decoration:none !important;transition:all 0.25s cubic-bezier(0.16,1,0.3,1) !important;user-select:none !important;box-shadow:0 2px 6px rgba(0,0,0,0.04) !important;line-height:1 !important}.pagination-wrap a.page-numbers:hover,nav.navigation.pagination a.page-numbers:hover{background:var(--bg-subtle) !important;border-color:var(--primary) !important;color:var(--primary) !important;transform:translateY(-3px) !important;box-shadow:0 6px 18px rgba(6,182,212,0.22) !important}.pagination-wrap .page-numbers.current,nav.navigation.pagination .page-numbers.current{background:linear-gradient(135deg,#0284c7 0%,#06b6d4 100%) !important;border-color:transparent !important;color:#ffffff !important;font-weight:800 !important;font-size:17px !important;transform:translateY(-2px) !important;box-shadow:0 6px 20px rgba(6,182,212,0.4) !important;cursor:default !important}.pagination-wrap .page-numbers.dots,nav.navigation.pagination .page-numbers.dots{background:transparent !important;border:none !important;color:var(--text-muted) !important;font-weight:800 !important;font-size:18px !important;letter-spacing:3px !important;box-shadow:none !important;min-width:32px !important;cursor:default !important;transform:none !important}.pagination-wrap a.prev.page-numbers,.pagination-wrap a.next.page-numbers,nav.navigation.pagination a.prev.page-numbers,nav.navigation.pagination a.next.page-numbers{padding:0 18px !important;font-size:14.5px !important;font-weight:700 !important;gap:8px !important;background:var(--bg-surface) !important;border:1.5px solid var(--border-color) !important;color:var(--text-primary) !important}.pagination-wrap a.prev.page-numbers:hover,.pagination-wrap a.next.page-numbers:hover,nav.navigation.pagination a.prev.page-numbers:hover,nav.navigation.pagination a.next.page-numbers:hover{background:linear-gradient(135deg,rgba(6,182,212,0.12),rgba(59,130,246,0.12)) !important;border-color:var(--primary) !important;color:var(--primary) !important;transform:translateY(-3px) !important;box-shadow:0 6px 18px rgba(6,182,212,0.25) !important}.pagination-wrap .nav-arrow,nav.navigation.pagination .nav-arrow{display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:17px !important;font-weight:800 !important;line-height:1 !important;transition:transform 0.2s ease !important}.pagination-wrap a.prev:hover .nav-arrow,nav.navigation.pagination a.prev:hover .nav-arrow{transform:translateX(4px) !important}.pagination-wrap a.next:hover .nav-arrow,nav.navigation.pagination a.next:hover .nav-arrow{transform:translateX(-4px) !important}@media (max-width:640px){.pagination-wrap{margin:36px 0 20px !important}.pagination-wrap .nav-links,nav.navigation.pagination .nav-links{gap:6px !important;padding:8px !important;border-radius:12px !important}.pagination-wrap .page-numbers,nav.navigation.pagination .page-numbers{min-width:36px !important;height:36px !important;padding:0 8px !important;font-size:13.5px !important;border-radius:8px !important}.pagination-wrap a.prev.page-numbers,.pagination-wrap a.next.page-numbers,nav.navigation.pagination a.prev.page-numbers,nav.navigation.pagination a.next.page-numbers{padding:0 10px !important;font-size:12px !important;gap:4px !important}}@media (max-width:1024px){.bento-grid{grid-template-columns:1fr;grid-template-rows:auto}.bento-main{grid-row:auto;height:320px}.bento-sub{height:220px}.content-layout,.single-content-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.main-navigation{display:none}.mobile-menu-toggle{display:flex}.articles-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.single-article-title{font-size:24px}.footer-bottom-inner{flex-direction:column;gap:12px;text-align:center}.footer-copy-wrap{flex-direction:column;gap:8px;align-items:center;text-align:center}}