:root{--primary:#2563eb;--primary-dk:#1d4ed8;--secondary:#0f172a;--accent:#f59e0b;--light-bg:#f8fafc;--dark:#0f172a;--text-muted:#64748b;--border:#e2e8f0}body{background:#fff;color:var(--dark)}html[lang=ar] body{font-family:Cairo,sans-serif}html[lang=en] body{font-family:Inter,sans-serif}.navbar-arkan{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(15,23,42,.97);padding:1rem 0}.navbar-arkan .nav-link{color:hsla(0,0%,100%,.85)!important;font-weight:500}.navbar-arkan .nav-link.active,.navbar-arkan .nav-link:hover{color:var(--accent)!important}.navbar-arkan .navbar-brand-logo{border-radius:6px;height:65px;-o-object-fit:contain;object-fit:contain;width:100px}.lang-btn{background:var(--primary);border-radius:6px;color:#fff!important;font-size:.85rem;font-weight:600;padding:.35rem .9rem!important}.hero-section{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a5f 60%,#2563eb);display:flex;min-height:100vh}.hero-title{color:#fff;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.15;margin-bottom:1.5rem}.hero-title span{color:var(--accent)}.hero-subtitle{color:hsla(0,0%,100%,.75);font-size:1.15rem;margin-bottom:2.5rem}.section-title{color:var(--dark);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;margin-bottom:.5rem}.section-subtitle{color:var(--text-muted);font-size:1rem;margin-bottom:3rem}.section-label{color:var(--primary);display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:1.5px;margin-bottom:.75rem}.service-card{background:#fff;border:1px solid var(--border);border-radius:16px;height:100%;padding:2rem;transition:all .3s}.service-card:hover{border-color:var(--primary);box-shadow:0 12px 40px rgba(37,99,235,.1);transform:translateY(-4px)}.service-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:14px;color:var(--primary);display:flex;font-size:1.6rem;height:60px;justify-content:center;margin-bottom:1.25rem;width:60px}.btn-primary-arkan{background:var(--primary);border-radius:8px;color:#fff;font-weight:600;padding:.65rem 1.6rem;text-decoration:none}.btn-outline-arkan{border:2px solid var(--primary);border-radius:8px;color:var(--primary);font-weight:600;padding:.6rem 1.5rem;text-decoration:none}.testimonial-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:2rem}.cta-section{background:linear-gradient(135deg,var(--primary) 0,#1d4ed8 100%);color:#fff;padding:5rem 0}.footer-arkan{background:var(--secondary);color:hsla(0,0%,100%,.7);padding:4rem 0 2rem}.footer-arkan a{color:hsla(0,0%,100%,.6);text-decoration:none}.page-hero{background:linear-gradient(135deg,var(--dark) 0,#1e3a5f 100%);color:#fff;padding:5rem 0 3rem}.blog-page .service-card{height:auto}.blog-article-body{color:#374151;font-size:1rem;line-height:2}.blog-article-body img{height:auto;max-width:100%}.blog-article-body p{margin-bottom:1rem}.blog-article-body h2,.blog-article-body h3,.blog-article-body h4{font-weight:700;margin-bottom:.75rem;margin-top:1.5rem}body,html{max-width:100%;overflow-x:hidden;width:100%}.navbar-arkan{transition:all .3s}.navbar-arkan.scrolled{box-shadow:0 4px 20px rgba(0,0,0,.2);padding:.1rem 0}.navbar-arkan .navbar-brand{align-items:center;color:#fff!important;display:inline-flex;font-size:1.6rem;font-weight:800;gap:.55rem}.navbar-arkan .navbar-brand span{color:var(--accent)}.lang-btn:hover{background:var(--primary-dk)}.hero-section{overflow:hidden;position:relative}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.07' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m23 31-8 8 8 8M61 31l8 8-8 8M48 24 36 54'/%3E%3C/g%3E%3C/svg%3E");content:"";inset:0;position:absolute}.hero-section .hero-content{position:relative;z-index:2}.hero-badge{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);border-radius:50px;color:var(--accent);display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:1.5rem;padding:.35rem 1rem}.btn-hero-primary{align-items:center;background:var(--primary);border-radius:8px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.85rem 2rem;text-decoration:none;transition:all .2s}.btn-hero-primary:hover{background:var(--primary-dk);color:#fff;transform:translateY(-2px)}.btn-hero-secondary{align-items:center;background:transparent;border:2px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.85rem 2rem;text-decoration:none;transition:all .2s}.btn-hero-secondary:hover{border-color:#fff;color:#fff}.service-card h5{font-weight:700;margin-bottom:.5rem}.service-card p{color:var(--text-muted);font-size:.9rem}.portfolio-card{aspect-ratio:4/3;background:#eee;border-radius:16px;overflow:hidden;position:relative}.portfolio-card img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s;width:100%}.portfolio-card:hover img{transform:scale(1.05)}.portfolio-overlay{align-items:flex-end;background:linear-gradient(0deg,rgba(15,23,42,.9) 0,transparent 60%);display:flex;inset:0;opacity:0;padding:1.5rem;position:absolute;transition:opacity .3s}.portfolio-card:hover .portfolio-overlay{opacity:1}.blog-card{border:1px solid var(--border);border-radius:16px;height:100%;overflow:hidden;transition:all .3s}.blog-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.1);transform:translateY(-3px)}.blog-card-img{aspect-ratio:16/9;background:var(--light-bg);overflow:hidden}.blog-card-img img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s;width:100%}.blog-card:hover .blog-card-img img{transform:scale(1.04)}.blog-card-body{padding:1.5rem}.testimonial-stars{color:var(--accent);margin-bottom:1rem}.testimonial-text{color:var(--text-muted);font-style:italic;margin-bottom:1.5rem}.testimonial-author{align-items:center;display:flex;gap:1rem}.testimonial-author img{border-radius:50%;height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.cta-section h2{color:#fff;font-weight:800}.cta-section p{color:hsla(0,0%,100%,.8)}.btn-cta{background:var(--accent);border-radius:8px;color:var(--dark);display:inline-block;font-size:1.05rem;font-weight:700;padding:.9rem 2.2rem;text-decoration:none;transition:all .2s}.btn-cta:hover{background:#d97706;color:var(--dark);transform:translateY(-2px)}.footer-arkan .footer-brand{color:#fff;font-size:1.6rem;font-weight:800}.footer-arkan .footer-brand span{color:var(--accent)}.footer-arkan h6{color:#fff;font-weight:700;margin-bottom:1.25rem}.footer-arkan a:hover{color:var(--accent)}.footer-social a{align-items:center;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:hsla(0,0%,100%,.7);display:inline-flex;font-size:1rem;height:36px;justify-content:center;margin:0 .2rem .5rem 0;text-decoration:none;transition:all .2s;width:36px}.footer-social a:hover{border-color:var(--accent);color:var(--accent)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);font-size:.85rem;margin-top:3rem;padding-top:1.5rem;text-align:center}.breadcrumb-item a,.breadcrumb-item.active{color:hsla(0,0%,100%,.7);text-decoration:none}.breadcrumb-item+.breadcrumb-item:before{color:hsla(0,0%,100%,.4)}.btn-primary-arkan:hover{background:var(--primary-dk);color:#fff}.btn-outline-arkan:hover{background:var(--primary);color:#fff}.category-filter .btn{border-radius:50px;font-size:.88rem;font-weight:600;padding:.4rem 1.2rem}.category-filter .btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.home-portfolio-slider-wrap{padding:.5rem .25rem 2.5rem;position:relative}.home-portfolio-swiper .swiper-slide{height:auto}.home-portfolio-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 30px rgba(15,23,42,.06);display:block;height:100%;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.home-portfolio-card:hover{border-color:#bfdbfe;box-shadow:0 16px 40px rgba(37,99,235,.18);transform:translateY(-6px)}.home-portfolio-card-image{aspect-ratio:16/10;background:linear-gradient(135deg,#1e3a5f,#e6e8eb);-o-object-fit:cover;object-fit:cover;width:100%}.home-portfolio-card-body{padding:1rem 1.1rem 1.15rem}.home-portfolio-card-category{align-items:center;background:#dbeafe;border-radius:999px;color:#1d4ed8;display:inline-flex;font-size:.75rem;font-weight:700;margin-bottom:.65rem;padding:.25rem .65rem}.home-portfolio-card-title{color:#0f172a;font-size:1rem;font-weight:800;line-height:1.45;margin:0}.home-portfolio-swiper-pagination{margin-top:1rem;position:static}.home-portfolio-swiper-pagination .swiper-pagination-bullet{background:#94a3b8;height:9px;opacity:.45;width:9px}.home-portfolio-swiper-pagination .swiper-pagination-bullet-active{background:#2563eb;opacity:1;transform:scale(1.15)}.home-portfolio-swiper-nav{align-items:center;background:#fff;border:0;border-radius:50%;box-shadow:0 8px 24px rgba(15,23,42,.15);color:#1d4ed8;display:inline-flex;height:42px;justify-content:center;position:absolute;top:calc(50% - 18px);transition:all .2s ease;width:42px;z-index:6}.home-portfolio-swiper-nav:hover{background:#2563eb;color:#fff}.home-portfolio-swiper-prev{left:-12px}.home-portfolio-swiper-next{right:-12px}@media (max-width:991.98px){.navbar-arkan .container{padding-inline:1rem}.navbar-arkan .navbar-collapse{background:rgba(15,23,42,.98);border-radius:12px;margin-top:.75rem;padding:.9rem}.navbar-arkan .navbar-nav{gap:.25rem!important}.home-portfolio-swiper-nav{display:none}}@media (max-width:768px){.hero-section{min-height:auto;padding-bottom:3rem;padding-top:6.2rem}.hero-title{font-size:1.85rem}.hero-subtitle{font-size:.95rem;margin-bottom:1.4rem}.hero-badge{font-size:.75rem;margin-bottom:1rem;padding:.3rem .75rem}.hero-section .container{padding-inline:1rem}.btn-hero-primary,.btn-hero-secondary{font-size:.95rem;justify-content:center;padding:.8rem 1rem;width:100%}}.project-page .service-card{height:auto}.project-page .project-main-image{max-height:500px;-o-object-fit:cover;object-fit:cover}.project-page .project-description-content p{margin-bottom:.9rem}.project-page .project-description-content ol,.project-page .project-description-content ul{-webkit-padding-start:1.2rem;margin-bottom:.9rem;padding-inline-start:1.2rem}.project-page .project-description-content a{color:#2563eb;text-decoration:underline}.project-page .lightbox-trigger{cursor:zoom-in}.project-lightbox{align-items:center;background:rgba(15,23,42,.92);display:none;inset:0;justify-content:center;padding:1.25rem;position:fixed;z-index:2000}.project-lightbox.is-open{display:flex}.project-lightbox-close{align-items:center;background:#fff;border:0;border-radius:50%;color:#0f172a;cursor:pointer;display:inline-flex;font-size:1.35rem;height:42px;justify-content:center;line-height:1;position:absolute;right:18px;top:18px;transition:background .2s ease,transform .2s ease;width:42px;z-index:2}.project-lightbox-close:hover{background:#e2e8f0}.project-lightbox-inner{align-items:center;display:flex;flex-direction:column;max-height:85vh;max-width:min(1100px,95vw);position:relative}.project-lightbox-inner img{border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.45);height:auto;max-height:85vh;max-width:min(1100px,95vw);-o-object-fit:contain;object-fit:contain;width:auto}.project-lightbox-nav{align-items:center;background:#fff;border:0;border-radius:50%;box-shadow:0 8px 24px rgba(15,23,42,.2);color:#1d4ed8;cursor:pointer;display:inline-flex;font-size:1.35rem;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease,color .2s ease,transform .2s ease;width:48px;z-index:2}.project-lightbox-nav:hover{background:#2563eb;color:#fff}.project-lightbox-prev{left:12px}.project-lightbox-next{right:12px}html[dir=rtl] .project-lightbox-prev{left:auto;right:12px}html[dir=rtl] .project-lightbox-next{left:12px;right:auto}.project-lightbox-counter{color:hsla(0,0%,100%,.75);font-size:.875rem;font-weight:600;letter-spacing:.04em;margin-top:.75rem}@media (max-width:768px){.project-lightbox-nav{font-size:1.1rem;height:40px;width:40px}.project-lightbox-prev{left:6px}.project-lightbox-next,html[dir=rtl] .project-lightbox-prev{right:6px}html[dir=rtl] .project-lightbox-next{left:6px}.project-page .project-main-image{max-height:320px}}.portfolio-gallery-wrap{padding:.25rem .25rem 2.25rem;position:relative}.portfolio-gallery-swiper .swiper-slide{height:auto}.portfolio-gallery-swiper .swiper-slide img{aspect-ratio:4/3;border-radius:.75rem;display:block;-o-object-fit:cover;object-fit:cover;width:100%}.portfolio-gallery-pagination{margin-top:1rem;position:static}.portfolio-gallery-pagination .swiper-pagination-bullet{background:#94a3b8;height:9px;opacity:.45;width:9px}.portfolio-gallery-pagination .swiper-pagination-bullet-active{background:#2563eb;opacity:1;transform:scale(1.15)}.portfolio-gallery-nav{align-items:center;background:#fff;border:0;border-radius:50%;box-shadow:0 8px 24px rgba(15,23,42,.15);color:#1d4ed8;display:inline-flex;height:42px;justify-content:center;position:absolute;top:calc(50% - 22px);transition:all .2s ease;width:42px;z-index:6}.portfolio-gallery-nav:hover{background:#2563eb;color:#fff}.portfolio-gallery-prev{left:-8px}.portfolio-gallery-next{right:-8px}@media (max-width:991.98px){.portfolio-gallery-nav{display:none}}.about-intro-section{background:linear-gradient(180deg,#fff,#f8fafc 42%,#fff);padding:clamp(3rem,6vw,5rem) 0}.about-intro-copy{-webkit-padding-start:0;padding-inline-start:0;position:relative}@media (min-width:992px){.about-intro-copy{-webkit-padding-start:1.25rem;-webkit-border-start:4px solid var(--primary);border-inline-start:4px solid var(--primary);padding-inline-start:1.25rem}}.about-intro-lead{color:#475569;font-size:1.05rem;line-height:1.9;max-width:38rem;white-space:pre-line}.about-stats-panel{background:linear-gradient(145deg,#0c1222,#1e3a5f 38%,#1d4ed8 72%,#2563eb);border-radius:24px;box-shadow:0 24px 48px -12px rgba(37,99,235,.38),inset 0 0 0 1px hsla(0,0%,100%,.06);color:#fff;min-height:280px;overflow:hidden;padding:clamp(1.5rem,3vw,2rem);position:relative}.about-stats-panel:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42 10v64M10 42h64' fill='none' stroke='%23fff' stroke-opacity='.06' stroke-width='1.5'/%3E%3C/svg%3E");content:"";inset:0;pointer-events:none;position:absolute}.about-stats-panel:after{background:radial-gradient(circle,rgba(245,158,11,.12) 0,transparent 65%);content:"";height:90%;pointer-events:none;position:absolute;right:-20%;top:-40%;width:55%}.about-stats-grid{display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr));position:relative;z-index:1}.about-stats-grid:has(>.about-stat-tile:only-child){grid-template-columns:1fr;margin-inline:auto;max-width:260px}@media (max-width:575.98px){.about-stats-grid{grid-template-columns:1fr}.about-stats-grid:has(>.about-stat-tile:only-child){max-width:none}}.about-stat-tile{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.09);border:1px solid hsla(0,0%,100%,.12);border-radius:16px;display:flex;flex-direction:column;padding:1.35rem .85rem;text-align:center;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.about-stat-tile:hover{background:hsla(0,0%,100%,.14);box-shadow:0 12px 28px rgba(0,0,0,.12);transform:translateY(-3px)}.about-stat-tile-icon{color:rgba(245,158,11,.95);font-size:1.15rem;margin-bottom:.5rem;opacity:.95}.about-stat-value{font-size:clamp(1.65rem,4.2vw,2.15rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;text-shadow:0 2px 16px rgba(0,0,0,.15)}.about-stat-label{color:hsla(0,0%,100%,.78);font-size:.8rem;font-weight:500;line-height:1.45;margin-top:.5rem}