.features-page{background-color:var(--bg);color:var(--text);padding-top:60px;padding-bottom:100px;position:relative;overflow:hidden}.features-glow{filter:blur(120px);pointer-events:none;z-index:0;opacity:.45;border-radius:50%;width:600px;height:600px;position:absolute}.features-glow-1{background:radial-gradient(circle,#14b8a61f 0%,#0000 70%);top:-100px;right:-100px}.features-glow-2{background:radial-gradient(circle,#044d7014 0%,#0000 70%);bottom:20%;left:-200px}.features-container{z-index:1;max-width:1240px;margin:0 auto;padding:0 24px;position:relative}.features-hero{text-align:center;max-width:860px;margin:0 auto;padding:60px 0 40px}.features-badge{color:var(--accent-dark);background:#14b8a614;border:1px solid #14b8a633;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:750;display:inline-flex;box-shadow:0 2px 8px #14b8a60d}.features-badge-dot{background-color:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite animate-pulse-dot}.features-hero h1{color:var(--brand-500);letter-spacing:-.5px;margin-bottom:16px;font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.25}.features-hero p{color:var(--text-muted);max-width:680px;margin:0 auto;font-size:16.5px;line-height:1.65}.search-wrapper{z-index:10;max-width:600px;margin:32px auto 48px;position:relative}.search-input-container{background:var(--bg-alt);border:2px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition);align-items:center;padding:6px 16px;display:flex;position:relative}.search-input-container:focus-within{border-color:var(--brand-500);transform:translateY(-2px);box-shadow:0 8px 30px #044d7014}.search-icon{color:var(--brand-400);transition:var(--transition);flex-shrink:0;margin-inline-end:12px}.search-input-container:focus-within .search-icon{color:var(--accent-dark)}.search-input{width:100%;font-family:var(--font-cairo);color:var(--text);background:0 0;border:none;outline:none;padding:12px 0;font-size:15.5px;font-weight:600}.search-input::placeholder{color:var(--text-light)}.search-clear-btn{background:var(--neutral-100);color:var(--text-muted);cursor:pointer;width:28px;height:28px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;margin-inline-start:10px;display:flex}.search-clear-btn:hover{background:var(--neutral-200);color:var(--text)}.features-count-indicator{text-align:center;color:var(--brand-500);justify-content:center;align-items:center;gap:8px;margin-top:-32px;margin-bottom:48px;font-size:14.5px;font-weight:700;display:flex}.features-count-indicator span{background:var(--neutral-100);color:var(--brand-500);border:1px solid var(--glass-border);border-radius:100px;padding:4px 10px;font-size:13px;font-weight:800}.features-layout-grid{grid-template-columns:280px 1fr;align-items:start;gap:48px;display:grid}@media (max-width:1024px){.features-layout-grid{grid-template-columns:1fr;gap:32px}}.features-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);z-index:10;background:#ffffffd9;padding:20px;position:sticky;top:100px}@media (max-width:1024px){.features-sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;padding:0;position:relative;top:0}}.sidebar-title{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;padding:0 8px;font-size:13.5px;font-weight:800}@media (max-width:1024px){.sidebar-title{display:none}}.sidebar-nav-list{flex-direction:column;gap:8px;list-style:none;display:flex}@media (max-width:1024px){.sidebar-nav-list{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%);scrollbar-width:none;flex-direction:row;padding-bottom:12px;overflow-x:auto;mask-image:-webkit-gradient(linear,0 0,100% 0,from(#000),color-stop(.85,#000),to(#0000))}.sidebar-nav-list::-webkit-scrollbar{display:none}}.sidebar-nav-btn{border-radius:var(--radius-sm);width:100%;font-family:var(--font-cairo);color:var(--text-muted);text-align:start;cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:14.5px;font-weight:700;display:flex;position:relative}.sidebar-nav-btn:hover{color:var(--brand-500);background:var(--glass-hover)}.sidebar-nav-btn.active{color:#fff;background:var(--brand-500);box-shadow:0 4px 12px #044d7026}.nav-icon{font-size:17px}.categories-list{flex-direction:column;gap:80px;min-width:0;display:flex}@media (max-width:768px){.categories-list{gap:60px}}.feature-category-section{scroll-margin-top:180px;animation:.6s cubic-bezier(.16,1,.3,1) forwards featFadeInUp}.category-header{border-bottom:2px solid var(--neutral-100);margin-bottom:28px;padding-bottom:16px}.category-title-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.category-header h2{color:var(--brand-500);margin:0;font-size:clamp(20px,3vw,24px);font-weight:850}.category-header p{color:var(--text-muted);font-size:14.5px;line-height:1.6}.category-badge{background:var(--neutral-100);border:1px solid var(--glass-border);color:var(--text-muted);border-radius:100px;padding:2px 10px;font-size:12px;font-weight:800}.features-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.feature-seo-card{background:var(--bg-alt);border:1.5px solid var(--glass-border);border-radius:var(--radius-md);min-height:200px;transition:var(--transition);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative;overflow:hidden}.feature-seo-card:before{content:"";background:linear-gradient(to right, var(--accent) 0%, var(--brand-400) 100%);opacity:0;height:4px;transition:var(--transition);position:absolute;top:0;left:0;right:0}.feature-seo-card:hover{border-color:#14b8a640;transform:translateY(-5px);box-shadow:0 12px 30px #044d7014}.feature-seo-card:hover:before{opacity:1}.card-top{position:relative}.card-num{color:var(--neutral-200);transition:var(--transition);letter-spacing:.5px;font-size:13.5px;font-weight:800;position:absolute;top:-4px;right:0}[dir=rtl] .card-num{left:0;right:auto}.feature-seo-card:hover .card-num{color:var(--accent-dark);opacity:.75}.feature-seo-card h3{color:var(--brand-700);max-width:85%;margin:0 0 10px;font-size:16.5px;font-weight:800;line-height:1.4}.feature-seo-card p{color:var(--text-muted);margin:0 0 20px;font-size:13.5px;line-height:1.6}.read-more-link{transition:var(--transition);align-self:flex-start;align-items:center;gap:6px;margin-top:auto;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex;color:var(--accent-dark)!important}.read-more-link:hover{color:var(--brand-400)!important}.read-more-link svg{transition:transform .28s cubic-bezier(.16,1,.3,1)}.read-more-link:hover svg{transform:translate(4px)}[dir=rtl] .read-more-link:hover svg{transform:translate(-4px)}.features-empty-state{text-align:center;background:var(--bg-alt);border:2px dashed var(--neutral-200);border-radius:var(--radius-lg);max-width:500px;margin:40px auto;padding:60px 24px}.features-empty-state h3{color:var(--brand-500);margin-bottom:8px;font-size:18px;font-weight:800}.features-empty-state p{color:var(--text-muted);margin-bottom:20px;font-size:14.5px}.empty-state-reset-btn{background:var(--brand-500);color:#fff;font-family:var(--font-cairo);cursor:pointer;transition:var(--transition);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700}.empty-state-reset-btn:hover{background:var(--brand-600);transform:translateY(-1px)}.features-bottom-cta{text-align:center;border-radius:var(--radius-2xl);color:#fff;box-shadow:var(--shadow-lg);z-index:1;margin-top:100px;padding:80px 40px;position:relative;overflow:hidden;background:linear-gradient(135deg, var(--brand-500) 0%, var(--brand-700) 100%)!important}.features-bottom-cta:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(500px,#14b8a626 0%,#0000 100%);position:absolute;inset:0}.features-bottom-cta h2{color:#fff;margin-bottom:12px;font-size:clamp(24px,4vw,32px);font-weight:900}.features-bottom-cta p{max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:15px;color:var(--neutral-300)!important}.features-bottom-cta .btn-primary-lg{background:var(--accent);transition:var(--transition);border-radius:10px;justify-content:center;align-items:center;padding:16px 36px;font-size:15.5px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 6px 20px #14b8a659;color:#fff!important}.features-bottom-cta .btn-primary-lg:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 10px 25px #14b8a680}@keyframes featFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}