.blog-container{direction:rtl;background:linear-gradient(135deg,#E6F3FF,#FFFFFF 50%,#F8F9FA);min-height:100vh;font-family:InkBrushArabic,serif;color:rgb(0,3,59)}.blog-image{width:100%;height:200px;object-fit:cover;border-radius:12px 12px 0 0;display:block}.blog-card-image{padding:0;overflow:hidden;border-radius:12px 12px 0 0}.blog-hero-section{position:relative;padding:80px 24px 60px;overflow:hidden;background:linear-gradient(135deg,rgb(0,109,255),rgb(0,135,255) 50%,#006DFF)}.blog-hero-background{z-index:1}.blog-hero-background,.blog-hero-pattern{position:absolute;top:0;left:0;right:0;bottom:0}.blog-hero-pattern{background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0,transparent 50%)}.blog-hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(0,109,255,.3) 0,transparent 70%);border-radius:50%;filter:blur(40px);animation:blog-glow-pulse 4s ease-in-out infinite}@keyframes blog-glow-pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.blog-hero-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.blog-hero-text{text-align:right}.blog-hero-badge{display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,.15);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:10px 20px;margin-bottom:24px;animation:blog-badge-float 3s ease-in-out infinite}@keyframes blog-badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.blog-hero-badge-icon{font-size:1rem}.blog-hero-badge-text{font-size:.8rem;font-weight:600;color:rgba(255,255,255,.9);text-transform:uppercase;letter-spacing:1px}.blog-hero-heading{margin-bottom:20px}.blog-hero-heading-main{display:block;font-size:3.5rem;font-weight:900;line-height:1.1;margin-bottom:12px;background:linear-gradient(135deg,#ffffff,#E6F3FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(0,0,0,.1)}.blog-hero-heading-sub{display:block;font-size:1.5rem;font-weight:600;color:#CCE7FF;margin-bottom:24px}.blog-hero-description{font-size:1.1rem;line-height:1.6;margin-bottom:32px;color:rgba(255,255,255,.9);max-width:450px}.blog-hero-actions{display:flex;gap:16px;flex-wrap:wrap}.blog-hero-btn-primary{background-color:rgb(0,135,255);color:#FFFFFF;border:none;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px rgba(0,109,255,.3);padding:14px 28px;font-family:InkBrushArabic,serif;direction:rtl}.blog-hero-btn-primary:hover{background-color:#0052CC;transform:translateY(-3px);box-shadow:0 12px 35px rgba(0,109,255,.6)}.blog-hero-btn-secondary{background-color:transparent;color:#FFFFFF;border:2px solid #ffffff;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;padding:14px 28px;font-family:InkBrushArabic,serif;direction:rtl}.blog-hero-btn-secondary:hover{background-color:#FFFFFF;color:rgb(0,3,59);transform:translateY(-3px)}.blog-hero-visual{position:relative;height:350px}.blog-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.blog-stat-card{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;text-align:center;transition:all .3s ease;animation:blog-stat-fade-in .8s ease-out forwards;opacity:0;transform:translateY(20px)}.blog-stat-card:first-child{animation-delay:.2s}.blog-stat-card:nth-child(2){animation-delay:.4s}.blog-stat-card:nth-child(3){animation-delay:.6s}@keyframes blog-stat-fade-in{to{opacity:1;transform:translateY(0)}}.blog-stat-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.15)}.blog-stat-icon{font-size:2rem;margin-bottom:12px;display:block}.blog-stat-number{display:block;font-size:2.2rem;font-weight:900;color:#FFD700;margin-bottom:6px;text-shadow:0 2px 10px rgba(255,215,0,.3)}.blog-stat-label{font-size:.8rem;color:rgba(255,255,255,.8);font-weight:600}.blog-hero-graphics{position:relative;height:200px}.blog-floating-card{position:absolute;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px;animation:blog-card-float 6s ease-in-out infinite;box-shadow:0 8px 32px rgba(0,0,0,.1)}.blog-card-1{top:10%;left:10%;animation-delay:0s}.blog-card-2{top:40%;right:20%;animation-delay:2s}.blog-card-3{bottom:20%;left:30%;animation-delay:4s}@keyframes blog-card-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(2deg)}}.blog-card-content{text-align:center}.blog-card-icon{font-size:1.5rem;display:block;margin-bottom:6px}.blog-card-text{font-size:.8rem;color:rgba(255,255,255,.9);font-weight:600}.blog-search-section{padding:40px 24px;background:linear-gradient(135deg,#FFFFFF,#F8F9FA);position:relative}.blog-search-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,109,255,.2) 50%,transparent)}.blog-search-container{max-width:1200px;margin:0 auto;text-align:center}.blog-search-header{margin-bottom:60px}.blog-search-title{font-size:3rem;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,rgb(0,3,59),rgb(0,109,255));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-search-subtitle{font-size:1.2rem;color:#6B7280;max-width:600px;margin:0 auto}.blog-search-main{max-width:800px;margin:0 auto}.blog-search-box{position:relative;background:#FFFFFF;border:2px solid #e1e5e9;border-radius:20px;padding:8px;display:flex;align-items:center;gap:16px;margin-bottom:24px;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.05)}.blog-search-box:focus-within{border-color:rgb(0,109,255);box-shadow:0 0 0 4px rgba(0,109,255,.1);transform:translateY(-2px)}.blog-search-icon{font-size:1.5rem;color:#9CA3AF;margin-right:16px}.blog-search-input{flex:1;background:transparent;border:none;color:rgb(0,3,59);font-size:1.1rem;padding:16px 0;direction:rtl;font-family:InkBrushArabic,serif}.blog-search-input::placeholder{color:#9CA3AF}.blog-search-input:focus{outline:none}.blog-search-actions{margin-left:16px}.blog-search-btn{background-color:rgb(0,135,255);color:#FFFFFF;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;padding:12px 24px;font-family:InkBrushArabic,serif;direction:rtl}.blog-search-btn:hover{background-color:#0052CC;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,109,255,.3)}.blog-search-tips{display:flex;flex-direction:column;gap:8px;align-items:center}.blog-search-tip{font-size:.9rem;color:#6B7280;padding:8px 16px;background:#F1F3F4;border-radius:20px;transition:all .3s ease}.blog-search-tip:hover{background:#E8EAED;color:#374151}.blog-results-section{padding:40px 24px;background:#F8F9FA;border-bottom:1px solid #e8eaed}.blog-results-container{max-width:1200px;margin:0 auto}.blog-results-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.blog-results-count{display:flex;align-items:baseline;gap:12px}.blog-results-number{font-size:2.5rem;font-weight:900;color:rgb(0,109,255)}.blog-results-text{font-size:1.2rem;color:#6B7280;font-weight:600}.blog-active-filter{display:flex;align-items:center;gap:12px;background:rgba(0,109,255,.1);border:1px solid rgba(0,109,255,.3);border-radius:25px;padding:12px 20px}.blog-filter-label{font-size:.9rem;color:#6B7280}.blog-filter-value{font-weight:600;color:rgb(0,109,255)}.blog-clear-filter{background:#EF4444;color:white;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:.8rem;transition:all .3s ease}.blog-clear-filter:hover{background:#DC2626;transform:scale(1.1)}.blog-articles-section{padding:40px 24px;background:#FFFFFF}.blog-articles-container{max-width:1400px;margin:0 auto}.blog-articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px}.blog-article-card{background:#FFFFFF;border:2px solid #e8eaed;border-radius:24px;overflow:hidden;transition:all .4s ease;position:relative;box-shadow:0 4px 20px rgba(0,0,0,.05)}.blog-article-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,109,255,.05),rgba(0,135,255,.05));opacity:0;transition:opacity .3s ease;z-index:1}.blog-article-card:hover:before{opacity:1}.blog-article-card:hover{transform:translateY(-12px);border-color:rgb(0,109,255);box-shadow:0 20px 60px rgba(0,109,255,.2)}.blog-article-1{border-left:4px solid rgb(0,109,255)}.blog-article-2{border-left:4px solid #10b981}.blog-article-3{border-left:4px solid #f59e0b}.blog-article-header{position:relative;z-index:2}.blog-article-thumbnail{position:relative;background:#FFFFFF;text-align:center;overflow:hidden}.blog-thumbnail-img{width:100%;height:200px;object-fit:cover;display:block}.blog-article-overlay{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:8px}.blog-article-category,.blog-article-time{background:rgba(0,0,0,.7);color:white;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;backdrop-filter:blur(10px)}.blog-article-meta{padding:24px 24px 0;position:relative;z-index:2}.blog-article-author{display:flex;align-items:center;gap:16px}.blog-author-avatar{width:48px;height:48px;background:linear-gradient(135deg,rgb(0,109,255),rgb(0,135,255));border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2)}.blog-author-initial{color:white;font-weight:700;font-size:1.2rem}.blog-author-info{display:flex;flex-direction:column}.blog-author-name{font-weight:700;color:rgb(0,3,59);font-size:1rem}.blog-publish-date{color:#6B7280;font-size:.9rem}.blog-article-content{padding:24px;position:relative;z-index:2}.blog-article-title{font-size:1.4rem;font-weight:800;color:rgb(0,3,59);margin-bottom:16px;line-height:1.4;transition:color .3s ease}.blog-article-card:hover .blog-article-title{color:rgb(0,109,255)}.blog-article-summary{color:#374151;line-height:1.7;margin-bottom:20px;font-size:1rem}.blog-article-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.blog-tag-item{background:rgba(0,109,255,.1);color:rgb(0,109,255);padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:600;transition:all .3s ease}.blog-tag-item:hover{background:rgba(0,109,255,.2);color:rgb(0,109,255)}.blog-tag-more{background:#F1F3F4;color:#6B7280;padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:600}.blog-article-footer{padding:24px;border-top:1px solid #f1f3f4;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.blog-read-more{display:flex;align-items:center;gap:8px;padding:12px 24px;background:rgb(0,135,255);color:white;text-decoration:none;border-radius:25px;font-weight:600;transition:all .3s ease;font-family:InkBrushArabic,serif;direction:rtl}.blog-read-more:hover{background:#0052CC;transform:translateX(-4px);box-shadow:0 8px 25px rgba(0,109,255,.4)}.blog-read-arrow{transition:transform .3s ease}.blog-read-more:hover .blog-read-arrow{transform:translateX(4px)}.blog-article-actions{display:flex;gap:12px}.blog-action-btn{background:#F1F3F4;border:1px solid #e8eaed;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#6B7280}.blog-action-btn:hover{background:rgb(0,109,255);color:white;transform:scale(1.1)}.blog-empty-state{text-align:center;padding:120px 24px;position:relative}.blog-empty-illustration{position:relative;margin-bottom:40px}.blog-empty-icon{font-size:6rem;opacity:.7;position:relative;z-index:2}.blog-empty-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(0,109,255,.2) 0,transparent 70%);border-radius:50%;filter:blur(40px);animation:blog-empty-glow-pulse 3s ease-in-out infinite}@keyframes blog-empty-glow-pulse{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}}.blog-empty-title{font-size:2.5rem;font-weight:800;color:rgb(0,3,59);margin-bottom:20px}.blog-empty-description{font-size:1.2rem;color:#6B7280;margin-bottom:40px;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.blog-empty-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.blog-clear-search,.blog-reset-filters{display:flex;align-items:center;gap:12px;padding:16px 32px;border:none;border-radius:25px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;font-family:InkBrushArabic,serif;direction:rtl}.blog-reset-filters{background:rgb(0,135,255);color:white}.blog-reset-filters:hover{background:#0052CC;transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,109,255,.4)}.blog-clear-search{background:transparent;color:rgb(0,3,59);border:2px solid rgb(0,3,59)}.blog-clear-search:hover{background:rgb(0,3,59);color:white;transform:translateY(-3px)}@media (max-width:1200px){.blog-hero-heading-main{font-size:3rem}.blog-hero-content{gap:50px}.blog-articles-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.blog-hero-section{padding:60px 20px 40px}.blog-hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.blog-hero-heading-main{font-size:2.8rem}.blog-hero-heading-sub{font-size:1.3rem}.blog-hero-actions{justify-content:center}.blog-hero-stats{grid-template-columns:1fr;gap:12px}.blog-stat-card{padding:16px}.blog-hero-graphics{height:180px}.blog-floating-card{padding:12px}.blog-search-title{font-size:2rem}.blog-search-box{flex-direction:column;gap:12px}.blog-search-actions{margin:0}.blog-articles-grid{grid-template-columns:1fr;gap:24px}.blog-results-info{flex-direction:column;align-items:center;text-align:center}}@media (max-width:480px){.blog-hero-heading-main{font-size:2.5rem}.blog-hero-heading-sub{font-size:1.1rem}.blog-hero-description{font-size:1rem}.blog-hero-actions{flex-direction:column;align-items:center}.blog-hero-btn-primary,.blog-hero-btn-secondary{width:100%;max-width:280px}.blog-search-title{font-size:2rem}.blog-article-footer{flex-direction:column;gap:20px;align-items:stretch}.blog-article-actions,.blog-read-more{justify-content:center}}