@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&family=Inter:wght@400;500;600&display=swap);:root{--bg-body:#0f1117;--bg-card:#161b22;--bg-input:#0d1117;--border:#30363d;--text-primary:#f0f6fc;--text-secondary:#8b949e;--accent:#58a6ff;--accent-hover:#1f6feb;--font-main:'Cairo', sans-serif;--font-num:'Inter', sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-primary);font-family:var(--font-main);line-height:1.7;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:.2s}ul{list-style:none}.blog-nav{border-bottom:1px solid var(--border);padding:15px 5%;display:flex;justify-content:space-between;align-items:center;background:rgba(15,17,23,.8);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000}.nav-logo img{height:35px}.nav-home-link{font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.nav-home-link:hover{color:var(--accent)}.blog-container{max-width:1200px;margin:40px auto;padding:0 20px;display:grid;grid-template-columns:2.5fr 1fr;gap:40px}.featured-post{grid-column:1/-1;margin-bottom:40px;position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--bg-card)}.feat-img{width:100%;height:400px;object-fit:cover;opacity:.8;transition:.3s}.featured-post:hover .feat-img{opacity:1;transform:scale(1.02)}.feat-content{position:absolute;bottom:0;left:0;width:100%;padding:40px;background:linear-gradient(to top,#0f1117 10%,transparent)}.tag{background:var(--accent);color:#000;padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:700;text-transform:uppercase;font-family:var(--font-num)}.feat-title{font-size:2.5rem;margin:10px 0;line-height:1.2}.posts-list{display:flex;flex-direction:column;gap:30px}.post-card{display:flex;gap:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;height:220px;transition:.3s}.post-card:hover{border-color:var(--text-secondary);transform:translateY(-2px)}.post-thumb{width:35%;height:100%;object-fit:cover}.post-info{padding:25px;display:flex;flex-direction:column;justify-content:center;width:65%}.post-meta{font-size:.85rem;color:var(--text-secondary);margin-bottom:10px;display:flex;gap:15px;font-family:var(--font-num)}.post-title{font-size:1.4rem;font-weight:700;margin-bottom:10px;line-height:1.4}.post-excerpt{color:var(--text-secondary);font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar{position:sticky;top:90px;height:fit-content}.widget{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--border)}.search-box{position:relative}.search-box input{width:100%;background:var(--bg-input);border:1px solid var(--border);padding:12px 40px 12px 15px;border-radius:6px;color:#fff;font-family:inherit;transition:.3s}.search-box input:focus{border-color:var(--accent);outline:0}.search-box i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.widget h3{font-size:1.1rem;margin-bottom:15px;border-right:3px solid var(--accent);padding-right:10px}.cat-list{max-height:300px;overflow-y:auto;padding-left:10px}.cat-list::-webkit-scrollbar{width:4px}.cat-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.cat-item{display:flex;justify-content:space-between;padding:8px 0;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.02);cursor:pointer;font-size:.95rem}.cat-item:hover{color:var(--accent);padding-right:5px}.cat-count{font-family:var(--font-num);font-size:.8rem;background:var(--border);padding:2px 8px;border-radius:10px}.newsletter-widget{background:rgba(88,166,255,.1);padding:25px;border-radius:12px;border:1px solid rgba(88,166,255,.2);text-align:center}.newsletter-widget h4{color:var(--accent);margin-bottom:10px}.newsletter-widget p{font-size:.9rem;margin-bottom:15px;color:var(--text-secondary)}.news-btn{width:100%;padding:10px;background:var(--accent);border:0;border-radius:6px;font-weight:700;cursor:pointer}@media (max-width:900px){.blog-container{grid-template-columns:1fr}.sidebar{position:static;order:2}.post-card{flex-direction:column;height:auto}.post-thumb{width:100%;height:200px}.post-info{width:100%}.feat-title{font-size:1.8rem}.featured-post{height:450px!important;border:1px solid var(--accent);box-shadow:0 10px 40px rgba(0,210,255,.15);position:relative;margin-bottom:40px}.featured-post .feat-img{height:100%;width:100%;object-fit:cover;opacity:1}.feat-content{background:linear-gradient(to top,#0f1117 10%,rgba(15,17,23,.8) 50%,transparent 100%);padding:30px 20px 20px;bottom:0}.feat-title{font-size:1.8rem;margin-bottom:10px;line-height:1.3}.featured-post .tag{position:absolute;top:2px;right:20px;background:var(--accent);color:#000;padding:6px 15px;box-shadow:0 5px 15px rgba(0,0,0,.5)}}.article-hero-section{grid-column:1/-1;margin-bottom:40px;border-bottom:1px solid var(--border);padding-bottom:40px}.article-hero-meta{display:flex;gap:15px;margin-bottom:15px;font-size:.9rem;color:var(--accent);font-family:var(--font-num)}.article-big-title{font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.2;margin-bottom:30px;color:var(--text-primary)}.article-cover-img{width:100%;height:500px;object-fit:cover;border-radius:12px;border:1px solid var(--border)}.article-layout{display:grid;grid-template-columns:2.5fr 1fr;gap:60px;max-width:1300px;margin:0 auto;padding:0 5%}.article-content{font-size:1.2rem;color:#e6edf3;line-height:1.8}.article-content h2{font-size:2rem;margin:50px 0 20px;color:var(--text-primary);position:relative}.article-content h2::after{content:"#";color:var(--accent);opacity:.5;margin-right:10px;font-size:1.5rem}.article-content p{margin-bottom:25px}.article-content ul{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:12px;padding:30px 40px 30px 20px;margin-bottom:30px}.article-content li{margin-bottom:10px;list-style-type:square;marker-color:var(--accent)}.article-sidebar{position:sticky;top:100px;height:fit-content;display:flex;flex-direction:column;gap:30px}.toc-widget{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:25px}.toc-widget h4{margin-bottom:15px;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.toc-widget-s{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:25px}.toc-widget-s h4{margin-bottom:15px;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.toc-list li{margin-bottom:12px;font-size:.95rem}.toc-list a{color:var(--text-primary);opacity:.8;display:block;padding-right:10px;border-right:2px solid transparent}.toc-list a:hover{color:var(--accent);border-right-color:var(--accent);opacity:1}.share-widget{display:flex;gap:10px}.share-icon{width:40px;height:40px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:.3s}.share-icon:hover{background:var(--accent);color:#000;transform:translateY(-3px)}@media (max-width:900px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;margin-top:50px}.article-big-title{font-size:2rem}.article-cover-img{height:300px}}.blog-footer{margin-top:120px;padding:50px 20px;border-top:1px solid var(--border);background:linear-gradient(to top,#0b0d12 0,#0f1117 60%);text-align:center}.blog-footer p{color:var(--text-secondary);font-size:.9rem;font-family:var(--font-num);letter-spacing:.5px}.article-layout+.blog-footer{margin-top:140px}@media (max-width:900px){.article-layout{display:flex;flex-direction:column;gap:0}.article-hero-section{order:1;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.article-sidebar{display:contents}.toc-widget{order:2;margin-bottom:40px;background:rgba(255,255,255,.03);border:1px solid var(--accent)}.article-content{order:3;margin-bottom:50px}.toc-widget-s,.newsletter-widget{order:4;margin-bottom:30px}.article-big-title{font-size:1.8rem}.article-cover-img{height:250px}}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 36px;margin-top:10px;font-family:"Cairo",sans-serif;font-size:1rem;font-weight:700;color:#c0c3cb;background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-radius:14px;border:0;text-decoration:none;box-shadow:0 10px 30px rgba(88,166,255,.25),inset 0-2px 0 rgba(0,0,0,.15);position:relative;overflow:hidden;transition:all .35s ease}.cta-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 45px rgba(88,166,255,.45);color:#041e2d}.cta-btn:active{transform:translateY(0) scale(.98);box-shadow:0 6px 20px rgba(88,166,255,.3)}.cta-btn::before{content:"";position:absolute;top:0;right:-120%;width:120%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transition:.6s}.cta-btn:hover::before{right:120%}@media (max-width:600px){.cta-btn{width:100%;padding:16px;font-size:1.05rem;border-radius:12px}}.nav-menu{display:flex;gap:30px;align-items:center;list-style:none}.nav-menu a{font-size:.95rem;color:var(--text-secondary);transition:.3s;position:relative}.nav-menu a:hover,.nav-menu a.active{color:var(--accent)}.nav-menu a::after{content:"";position:absolute;bottom:-6px;right:0;width:0;height:2px;background:var(--accent);transition:.3s}.nav-menu a:hover::after,.nav-menu a.active::after{width:100%}.nav-toggle{display:none;font-size:1.4rem;color:var(--text-primary);cursor:pointer}@media (max-width:900px){.nav-menu{position:fixed;top:70px;right:0;width:100%;background:var(--bg-body);flex-direction:column;gap:25px;padding:30px 0;display:none;border-top:1px solid var(--border)}.nav-menu.show{display:flex}.nav-toggle{display:block}}@media (max-width:900px){.blog-container{display:flex;flex-direction:column;gap:0}.sidebar{display:contents}.widget{order:1;margin-bottom:20px;background:rgba(255,255,255,.03);padding:20px;border-radius:12px;border:1px solid var(--border)}.featured-post{order:2;margin-bottom:30px}.posts-list{order:3;margin-bottom:40px}.newsletter-widget{order:4;margin-bottom:30px}}.arrow-icon{display:none}.cat-toggle-header{display:flex;justify-content:space-between;align-items:center;cursor:default}@media (max-width:900px){.arrow-icon{display:block;transition:.3s;font-size:.9rem}.cat-toggle-header{cursor:pointer;margin-bottom:0!important}.cat-list{max-height:0;overflow:hidden;transition:max-height .4s ease-out;padding-left:0}.cat-widget-box.open .cat-list{max-height:400px;margin-top:15px}.cat-widget-box.open .arrow-icon{transform:rotate(180deg);color:var(--accent)}}.blog-main-title{text-align:center;font-size:36px;font-weight:700;line-height:1.25;color:#f8fafc;margin:40px auto 32px auto;max-width:900px;letter-spacing:-.3px}@media (max-width:768px){.blog-main-title{font-size:28px;line-height:1.35;margin-top:32px;padding:0 16px}}@media (max-width:768px){.article-hero-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:25px}.article-hero-meta span:first-child{flex-basis:100%;text-align:center;color:var(--accent, #007bff);background:rgba(0,123,255,.1);padding:5px 15px;border-radius:20px;font-weight:700;font-size:.85rem;width:fit-content;margin:0 auto 5px auto}.article-hero-meta span:nth-child(2),.article-hero-meta span:nth-child(4){display:none}.article-hero-meta span:nth-child(3),.article-hero-meta span:nth-child(5){color:#ccc;font-size:.9rem;font-weight:500}.article-hero-meta span:nth-child(3)::after{content:"|";margin-right:10px;margin-left:10px;color:#555;font-weight:400}.article-hero-meta span:last-child{flex-basis:100%;text-align:center;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:rgba(255,255,255,.6)}.article-hero-meta span:last-child i{color:#4caf50;margin-left:5px}}body.news-mode .newsletter-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:9999;justify-content:center;align-items:center;backdrop-filter:blur(4px)}body.news-mode .popup-box{background:#fff!important;padding:40px;border-radius:12px;text-align:center;box-shadow:0 15px 40px rgba(0,0,0,.2);max-width:400px;width:90%;border:1px solid #eee;animation:slideUp .3s ease-out}body.news-mode #closeFooterPopup{background-color:#2c3e50!important;color:#fff!important;border:0;padding:10px 30px;border-radius:5px;cursor:pointer;font-size:1rem;margin-top:15px;transition:.2s}body.news-mode #closeFooterPopup:hover{background-color:#1a252f!important;transform:scale(1.05)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}