:root{--primary:#1E3A8A;--secondary:#3B82F6;--accent:#E6C35C;--white:#FAFAFA;--light-bg:#F8FAFC;--text:#1E293B;--menu-shadow:rgba(0,0,0,0.15);--footer-bg:linear-gradient(135deg,#1E3A8A 0%,#0F2C6B 100%);--footer-text:#FFFFFF;--footer-link-hover:#FFD700;--footer-border:rgba(255,255,255,0.1);--transition:all 0.3s ease;--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 8px 24px rgba(0,0,0,0.15);--border:rgba(0,0,0,0.1);--gradient-primary:linear-gradient(135deg,var(--primary) 0%,#1D4ED8 100%);--muted:#94a3b8;--sidebar-width:360px;--header-padding:0.8rem 1.2rem;--logo-size:42px;--nav-font-size:1.05rem;--nav-padding:0.5rem 1.2rem}body.dark-mode{--primary:#0F172A;--secondary:#1E40AF;--light-bg:#1E293B;--text:#E2E8F0;--menu-shadow:rgba(0,0,0,0.3);--white:#1E293B;--footer-bg:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);--footer-text:#E2E8F0;--footer-link-hover:#FBBF24;--footer-border:rgba(255,255,255,0.05);--border:rgba(255,255,255,0.1);--muted:#cbd5e1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Tajawal',system-ui,sans-serif;background:var(--light-bg);color:var(--text);line-height:1.6;transition:background 0.3s ease,color 0.3s ease;min-height:100vh;overflow-x:hidden!important;max-width:100%!important}header{background:var(--gradient-primary);padding:var(--header-padding);position:sticky;top:0;width:100%;z-index:1000;box-shadow:var(--shadow-md);border-bottom:4px solid var(--accent)}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.logo{display:flex;align-items:center;gap:5px;flex-shrink:0}.logo-link{display:flex;align-items:center;text-decoration:none}.logo-img{width:var(--logo-size);height:var(--logo-size);border-radius:10px;border:2px solid var(--accent);background:rgba(255,255,255,0.08);padding:1px;object-fit:contain;transition:transform 0.3s ease,box-shadow 0.3s ease;max-width:100%}.logo-text{display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--logo-size);position:relative;line-height:1.05;font-weight:800;padding:0 6px}.logo-highlight{font-family:'Cairo',sans-serif;font-size:1.15rem;color:var(--accent);text-shadow:0 1px 2px rgba(0,0,0,0.25)}.logo-sub{font-family:'Poppins',sans-serif;font-size:0.88rem;font-weight:800;color:#FFFFFF;letter-spacing:4.5px;text-transform:uppercase;margin-top:2px;line-height:1}.main-nav{display:flex;gap:0;align-items:center;flex-wrap:wrap;justify-content:center}.main-nav a{color:#FFFFFF;text-decoration:none;font-weight:600;font-size:var(--nav-font-size);opacity:0.95;transition:var(--transition);padding:var(--nav-padding);position:relative;display:flex;align-items:center;white-space:nowrap}.main-nav a:not(:last-child)::after{content:'';position:absolute;left:-1px;top:50%;transform:translateY(-50%);height:20px;width:1px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,0.3) 20%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.3) 80%,transparent 100%)}.main-nav a:hover{opacity:1;color:#FFFFFF;transform:translateY(-2px);background:rgba(255,255,255,0.1);border-radius:6px}.nav-buttons{display:flex;gap:0.7rem;flex-shrink:0}.icon-btn{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:10px;width:42px;height:42px;color:var(--white);font-size:1.1rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-btn:hover{background:rgba(255,255,255,0.2);transform:scale(1.05)}.mobile-nav-btn{display:none}.header-ad{width:100%;background:rgba(255,255,255,0.05);padding:10px 0;text-align:center}.header-ad ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important;height:0!important;opacity:0!important;visibility:hidden!important}.mobile-nav{display:none;position:fixed;top:0;right:0;width:85%;max-width:320px;height:100vh;background:linear-gradient(160deg,var(--primary) 0%,#0F2C6B 100%);padding:3.5rem 1.5rem 2rem;z-index:1001;box-shadow:-8px 0 25px var(--menu-shadow);overflow-y:auto}.mobile-nav.active{display:block}.mobile-nav .nav-menu{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding-bottom:2rem}.mobile-nav .nav-menu a{color:#FFFFFF;text-decoration:none;font-size:1.1rem;font-weight:600;display:block;padding:1rem;border-radius:8px;transition:var(--transition);background:rgba(255,255,255,0.05)}.mobile-nav .nav-menu a:hover{background:rgba(255,255,255,0.1);color:#FFFFFF;transform:translateX(-5px)}.mobile-nav .nav-menu a.active{background:rgba(255,215,0,0.15);border-left:3px solid var(--accent)}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:1000}.overlay.active{display:block}#closeMenuBtn{position:absolute;left:1rem;top:1rem;background:rgba(255,255,255,0.1);border:none;width:40px;height:40px;border-radius:50%;color:var(--white);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}#closeMenuBtn:hover{background:rgba(255,255,255,0.2);transform:rotate(90deg)}.main-content-container{display:flex;max-width:1200px;margin:0 auto;padding:1.5rem;gap:1.5rem;flex:1;flex-direction:row-reverse}.main-content{flex:1;min-width:0}.sidebar{width:var(--sidebar-width);flex-shrink:0;display:flex;flex-direction:column;gap:1.5rem}.sidebar-section,.latest-updates,.models-section{background:var(--white);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:var(--transition)}.sidebar-section:hover,.latest-updates:hover,.models-section:hover{box-shadow:0 6px 16px rgba(0,0,0,0.12)}body.dark-mode .sidebar-section,body.dark-mode .latest-updates,body.dark-mode .models-section{background:#1a243d;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.sidebar-title,.latest-updates h3.news,.models-title{font-size:1.3rem;color:var(--primary);margin-bottom:1.2rem;padding-bottom:0.8rem;border-bottom:2px solid var(--accent);font-weight:700}body.dark-mode .sidebar-title,body.dark-mode .latest-updates h3.news,body.dark-mode .models-title{color:var(--accent)}.latest-updates h3.news span{display:inline-block;padding:0.2rem 0.5rem;background:var(--gradient-primary);color:white;border-radius:4px;font-size:1.1rem}.latest-updates ul{list-style:none;padding:0;margin:0}.latest-updates li{margin-bottom:0.2rem;padding-bottom:0.2rem;border-bottom:1px solid var(--border);transition:var(--transition)}.latest-updates li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.latest-updates li:hover{transform:translateX(-5px)}.latest-updates li a{text-decoration:none;color:var(--text);display:flex;align-items:flex-start;gap:0.5rem;transition:var(--transition);line-height:1.4;font-size:0.9rem}.latest-updates li a:hover{color:var(--primary)}.latest-updates li a span{background:var(--accent);color:var(--primary);padding:0.2rem 0.5rem;border-radius:4px;font-size:0.8rem;font-weight:bold;min-width:45px;text-align:center;flex-shrink:0;margin-top:0.1rem}.most-viewed-list{list-style:none;padding:0;margin:0}.most-viewed-list li{margin-bottom:0.4rem;padding-bottom:0.4rem;border-bottom:1px solid var(--border);transition:var(--transition)}.most-viewed-list li:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(0,0,0,0.1);border-bottom-color:var(--accent)}.most-viewed-list li a{text-decoration:none;color:var(--text);font-weight:500;font-size:0.9rem;display:block;transition:all 0.3s ease;line-height:1.4}.models-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.model-card{background:var(--light-bg);border-radius:8px;padding:1rem 0.5rem;transition:var(--transition);border:1px solid var(--border);text-align:center}.model-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:var(--accent)}.model-icon{width:60px;height:60px;object-fit:contain;margin-bottom:0.6rem;border-radius:8px;background:var(--white);padding:8px;border:1px solid var(--border);max-width:100%}.model-name{margin:0;font-size:0.80rem;line-height:1.4;min-height:40px;display:flex;align-items:center;justify-content:center}.model-link{text-decoration:none;color:var(--text);display:flex;flex-direction:column;align-items:center;width:100%}.search-form{display:flex;flex-direction:column;gap:1rem}.search-input{padding:0.8rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--light-bg);color:var(--text);font-size:1rem;font-family:'Tajawal',sans-serif;outline:none;transition:var(--transition)}.search-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.search-btn{padding:0.8rem 1rem;background:var(--gradient-primary);color:white;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:var(--transition)}.search-btn:hover{background:linear-gradient(135deg,var(--secondary) 0%,#1D4ED8 100%);transform:translateY(-2px)}.search-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1rem}.search-tag{padding:0.4rem 0.8rem;background:rgba(59,130,246,0.1);color:var(--secondary);border-radius:50px;font-size:0.85rem;font-weight:600;cursor:pointer;transition:var(--transition);border:1px solid transparent}.search-tag:hover{background:var(--secondary);color:white;transform:translateY(-2px);box-shadow:0 2px 6px rgba(59,130,246,0.3)}.services-list{list-style:none;padding:0;margin:0}.services-list li{margin-bottom:0.8rem}.services-list a{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:0.5rem;padding:0.6rem 0.8rem;border-radius:8px;transition:var(--transition);background:rgba(0,0,0,0.02)}.services-list a:hover{background:rgba(59,130,246,0.1);color:var(--secondary);transform:translateX(-5px)}.header-ad,.ad-multiplex{min-width:250px;width:100%;visibility:visible!important}.header-ad iframe,.ad-multiplex iframe{width:100%!important;min-width:300px!important;visibility:visible!important}.seo-content{background:var(--white);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,0.05);margin-top:2rem}.seo-content h2{color:var(--primary);margin-bottom:1rem;font-size:1.3rem}.seo-content p{margin-bottom:1rem;line-height:1.8}footer{background:var(--footer-bg);color:var(--footer-text);padding:3rem 1.5rem 1.5rem;margin-top:0.5rem}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-logo{display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem}.footer-logo-text{font-size:1.8rem;font-weight:800;color:var(--footer-text);font-family:'Tajawal',sans-serif}.footer-logo-highlight{color:var(--accent)}.footer-about{margin-top:1rem;line-height:1.7;opacity:0.9}.footer-title{font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;position:relative;padding-bottom:0.5rem}.footer-title::after{content:'';position:absolute;bottom:0;right:0;width:50px;height:2px;background:var(--accent)}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:0.8rem}.footer-links a{color:var(--footer-text);text-decoration:none;opacity:0.8;transition:all 0.3s;display:flex;align-items:center;gap:0.5rem}.footer-links a:hover{opacity:1;color:var(--footer-link-hover);transform:translateX(-5px)}.footer-contact-item{display:flex;align-items:flex-start;gap:0.8rem;margin-bottom:1rem}.footer-contact-icon{font-size:1.2rem;color:var(--accent);margin-top:0.2rem}.footer-social{display:flex;gap:1rem;margin-top:1.5rem}.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.1);color:var(--footer-text);transition:all 0.3s}.footer-social a:hover{background:var(--accent);color:var(--primary);transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:2rem;margin-top:2rem;border-top:1px solid var(--footer-border);font-size:0.9rem;opacity:0.7}.skip-link{position:absolute;top:-40px;right:0;background:var(--primary);color:white;padding:8px;text-decoration:none;z-index:10000;transition:top 0.3s}.skip-link:focus{top:0}@media (max-width:850px){.main-nav{display:none!important}.mobile-nav-btn{display:flex!important}.main-content-container{flex-direction:column;padding:1rem;gap:1rem}.sidebar{width:100%;order:2}.main-content{order:1}}@media (max-width:1024px) and (min-width:901px){:root{--header-padding:0.8rem 1rem;--nav-font-size:1rem;--nav-padding:0.5rem 1rem}.sidebar{width:320px}.main-content-container{padding:1.25rem;gap:1.25rem}.sidebar-section,.latest-updates,.models-section{padding:1.25rem}.logo-highlight{font-size:1.1rem}.logo-sub{font-size:0.8rem;letter-spacing:3px}}@media (max-width:768px) and (min-width:601px){:root{--header-padding:0.6rem 0.8rem;--logo-size:36px}.header-container{gap:0.5rem}.logo-highlight{font-size:0.95rem}.logo-sub{font-size:0.7rem;letter-spacing:1.5px}.sidebar-section,.latest-updates,.models-section{padding:1rem}.models-grid{grid-template-columns:repeat(2,1fr);gap:0.8rem}.model-card{padding:0.8rem 0.4rem}.model-icon{width:50px;height:50px}.model-name{font-size:0.8rem}}@media (max-width:600px) and (min-width:481px){.main-content-container{padding:0.8rem}.sidebar-section,.latest-updates,.models-section{padding:0.8rem}.models-grid{grid-template-columns:repeat(2,1fr);gap:0.6rem}.model-card{padding:0.6rem 0.3rem}.model-icon{width:45px;height:45px}.model-name{font-size:0.75rem;min-height:35px}}@media (max-width:480px){:root{--header-padding:0.5rem 0.6rem;--logo-size:34px}.main-content-container{padding:0.5rem;gap:0.8rem}.sidebar-section,.latest-updates,.models-section{padding:0.8rem}.models-grid{grid-template-columns:1fr;gap:0.6rem}.model-card{padding:0.8rem}.model-icon{width:50px;height:50px}.model-name{font-size:0.8rem;min-height:auto}.logo-highlight{font-size:0.95rem}.logo-sub{font-size:0.7rem;letter-spacing:2px}.icon-btn{width:36px;height:36px;font-size:0.9rem}.header-ad{padding:8px 0}.footer-container{grid-template-columns:1fr;gap:1.5rem}.footer-logo-text{font-size:1.5rem}}@media (max-width:360px){.header-container{gap:0.3rem}.logo{gap:3px}.logo-img{width:32px;height:32px}.logo-text{height:32px}.logo-highlight{font-size:0.85rem}.logo-sub{font-size:0.6rem;letter-spacing:0.5px}.nav-buttons{gap:0.4rem}.icon-btn{width:34px;height:34px;font-size:0.85rem}.mobile-nav{width:90%;padding:3rem 1rem 2rem}.models-grid{grid-template-columns:1fr}}body.dark-mode .latest-updates li a{color:#e2e8f0}body.dark-mode .latest-updates li a:hover{color:var(--accent)}body.dark-mode .latest-updates li a span{background:var(--accent);color:var(--primary)}body.dark-mode .most-viewed-list li{background:#1a243d;box-shadow:0 2px 6px rgba(0,0,0,0.2)}body.dark-mode .most-viewed-list li a{color:#e2e8f0}body.dark-mode .most-viewed-list li:hover a{color:var(--accent)}body.dark-mode .model-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1)}body.dark-mode .model-icon{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15)}body.dark-mode .model-card:hover .model-name a{color:var(--accent)}body.dark-mode .search-input{background:rgba(255,255,255,0.05);color:var(--footer-text);border:1px solid rgba(255,255,255,0.1)}body.dark-mode .search-tag{background:rgba(59,130,246,0.2);color:#93c5fd}body.dark-mode .search-tag:hover{background:var(--secondary);color:white}body.dark-mode .services-list a{color:#e2e8f0;background:rgba(255,255,255,0.05)}body.dark-mode .services-list a:hover{background:rgba(59,130,246,0.2);color:var(--secondary)}body.dark-mode .seo-content{background:#1E293B;border:1px solid rgba(255,255,255,0.1)}body.dark-mode .seo-content h2{color:var(--accent)}body.dark-mode .seo-content p{color:#E2E8F0}.ad-multiplex{background:var(--white);border-radius:12px;padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,0.08);text-align:center}body.dark-mode .ad-multiplex{background:#1a243d;border:1px solid rgba(255,255,255,0.1)}@media (max-width:768px){.ad-multiplex{margin:1.5rem 0!important;padding:0.8rem}}@media (max-width:480px){.ad-multiplex{margin:1rem 0!important;padding:0.5rem}}.side-ads-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:900}.side-ad{position:absolute;top:120px;pointer-events:auto;background:var(--white);border-radius:8px;box-shadow:var(--shadow-lg);transition:var(--transition);width:160px;height:600px}.side-ad-left{left:20px}.side-ad-right{right:20px}@media (min-width:1520px){.side-ad-left{left:max(20px,calc((100% - 1520px)/2 - 160px))}.side-ad-right{right:max(20px,calc((100% - 1520px)/2 - 160px))}}body.dark-mode .side-ad{background:#1a243d;border:1px solid rgba(255,255,255,0.1)}.filter-form{display:flex;flex-direction:column;gap:1.2rem}.filter-group{display:flex;flex-direction:column;gap:0.5rem}.filter-label{font-weight:600;color:var(--text);font-size:0.9rem;margin-bottom:0.2rem}.filter-select{padding:0.8rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--light-bg);color:var(--text);font-size:0.9rem;font-family:'Tajawal',sans-serif;outline:none;transition:var(--transition);cursor:pointer}.filter-select:focus{border-color:var(--secondary);box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.filter-btn{padding:0.8rem 1rem;background:var(--gradient-primary);color:white;border:none;border-radius:8px;cursor:pointer;font-size:0.9rem;font-weight:600;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:0.5rem}.filter-btn:hover{background:linear-gradient(135deg,var(--secondary) 0%,#1D4ED8 100%);transform:translateY(-2px);box-shadow:var(--shadow-md)}.filter-message{background:#FEF3CD;border:1px solid #F59E0B;border-radius:8px;padding:0.8rem 1rem;margin-top:1rem;display:flex;align-items:center;gap:0.5rem;color:#92400E;font-size:0.85rem;font-weight:500;animation:shake 0.5s ease-in-out}.filter-message i{color:#F59E0B;font-size:1rem}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}body.dark-mode .filter-select{background:rgba(255,255,255,0.05);color:var(--footer-text);border:1px solid rgba(255,255,255,0.1)}body.dark-mode .filter-message{background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.3);color:#FCD34D}body.dark-mode .filter-message i{color:#F59E0B}@media (max-width:768px){.filter-form{gap:1rem}.filter-select{padding:0.7rem 0.8rem;font-size:0.85rem}.filter-btn{padding:0.7rem 0.8rem;font-size:0.85rem}.filter-message{padding:0.7rem 0.8rem;font-size:0.8rem}}@media (max-width:480px){.filter-group{gap:0.3rem}.filter-label{font-size:0.8rem}.filter-select{padding:0.6rem 0.7rem}.filter-btn{padding:0.6rem 0.7rem}.filter-message{padding:0.6rem 0.7rem;font-size:0.75rem}}