:root{--bg:#071018;--bg2:#0b1623;--card:#0f1c2c;--text:#f4f8fb;--muted:#a8b5c6;--primary:#32d69b;--primary2:#83f2d3;--border:rgba(255,255,255,.08);--shadow:0 15px 40px rgba(0,0,0,.22)}
body.light{--bg:#f5f7f8;--bg2:#ffffff;--card:#ffffff;--text:#0f1720;--muted:#5a6776;--primary:#20b07f;--primary2:#7eeccf;--border:rgba(0,0,0,.08);--shadow:0 10px 30px rgba(15,23,32,.08)}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:'Cairo','Inter',system-ui,sans-serif;background:radial-gradient(circle at top left, rgba(50,214,155,.12), transparent 30%),radial-gradient(circle at top right, rgba(111,231,200,.12), transparent 20%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text)}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.section{padding:72px 0}.section-sm{padding:40px 0}.muted{color:var(--muted);line-height:1.8}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,16,24,.72);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}body.light .site-header{background:rgba(255,255,255,.72)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px;position:relative}.brand{display:flex;align-items:center;gap:10px;font-weight:800;min-width:0}.brand img{width:42px;height:42px;object-fit:contain}.main-nav,.header-actions{display:flex;align-items:center;gap:16px}.main-nav a{font-size:14px;color:var(--muted)}.main-nav a.active,.main-nav a:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;border:1px solid transparent;transition:.25s ease;font-weight:700}.btn-sm{padding:10px 16px;font-size:14px}.btn-primary{background:linear-gradient(90deg,var(--primary),var(--primary2));color:#071018;box-shadow:var(--shadow)}.btn-secondary{border-color:var(--border);background:rgba(255,255,255,.03);color:var(--text)}.btn:hover{transform:translateY(-2px)}.theme-toggle,.lang-switch,.nav-toggle{width:42px;height:42px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);display:grid;place-items:center;cursor:pointer}.nav-toggle{display:none}.mobile-menu{display:none}
.hero{padding:72px 0 36px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}.eyebrow{display:inline-flex;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--primary2);font-size:13px}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.05;margin:18px 0}.hero p{font-size:18px;color:var(--muted);max-width:640px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.hero-media{position:relative}.hero-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.hero-card img{width:100%;height:480px;object-fit:cover}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.stat{padding:18px;border-radius:20px;background:var(--card);border:1px solid var(--border);text-align:center}.stat strong{display:block;font-size:28px;color:var(--primary2)}
.grid-3,.grid-4,.grid-2{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.service-card img,.project-card img,.media-card img{width:100%;height:220px;object-fit:cover;border-radius:18px;margin-bottom:14px}.service-card h3,.project-card h3{margin:8px 0 6px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}.section-head h2{font-size:clamp(28px,3vw,42px);margin:0}.logos-track{overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--card);padding:18px}.logos-row{display:flex;gap:18px;animation:marquee 18s linear infinite;width:max-content}.logo-pill{min-width:160px;height:84px;padding:16px;border-radius:18px;background:rgba(255,255,255,.03);display:grid;place-items:center;border:1px solid var(--border)}.logo-pill img{max-height:44px;max-width:110px;object-fit:contain}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.about-media img{border-radius:28px;height:460px;width:100%;object-fit:cover}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.chip{padding:8px 14px;border-radius:999px;background:rgba(50,214,155,.12);border:1px solid rgba(50,214,155,.24);color:var(--text)}.problem-solution .card{height:100%}.team-card,.testimonial{padding:18px;text-align:center}.team-card img,.testimonial img{width:84px;height:84px;border-radius:50%;margin:0 auto 12px;object-fit:cover}.cta{padding:44px;border-radius:28px;background:linear-gradient(135deg,rgba(50,214,155,.18),rgba(8,14,22,.9));border:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;align-items:center}.map-wrap iframe{width:100%;height:300px;border:0;border-radius:24px}.video-frame iframe,.video-frame video{width:100%;height:320px;border:0;border-radius:24px;background:#000}.contact-form input,.contact-form textarea,.contact-form select,.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:14px;color:var(--text);font:inherit}.contact-form textarea,.admin-form textarea{min-height:120px;resize:vertical}.contact-form .grid-2,.admin-form .grid-2{margin-bottom:14px}.site-footer{padding:48px 0;border-top:1px solid var(--border);margin-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px}.footer-grid a{display:block;color:var(--muted);margin:8px 0}.whatsapp-float{position:fixed;bottom:22px;right:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#2ce87b,#16c95d);box-shadow:var(--shadow);color:#fff;z-index:60}.notice-success{margin-bottom:16px;background:rgba(50,214,155,.12)}.contact-side{height:fit-content}.check-wrap{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--card)}
.admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin-side{background:#08111b;border-left:1px solid var(--border);padding:24px;position:sticky;top:0;height:100vh;overflow:auto}.admin-side a{display:block;padding:11px 14px;border-radius:14px;color:#d9e7f0;margin-bottom:8px}.admin-side a.active,.admin-side a:hover{background:rgba(50,214,155,.12)}.admin-main{padding:30px}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.inline-list{display:flex;gap:8px;flex-wrap:wrap}.badge{padding:8px 12px;border-radius:999px;background:rgba(50,214,155,.14);border:1px solid rgba(50,214,155,.22)}.empty{padding:28px;border:1px dashed var(--border);border-radius:20px;color:var(--muted);text-align:center}
@media (max-width:980px){.hero-grid,.split,.grid-4,.grid-3,.grid-2,.footer-grid,.admin-shell,.admin-grid{grid-template-columns:1fr}.main-nav,.only-desktop{display:none}.nav-toggle{display:grid}.mobile-menu{display:block;max-height:0;overflow:hidden;transition:max-height .25s ease;border-top:1px solid transparent}.site-header.open .mobile-menu{max-height:420px;border-top-color:var(--border)}.mobile-menu-inner{display:flex;flex-direction:column;gap:12px;padding:16px 0 18px}.mobile-menu-inner a:not(.btn){padding:8px 0;color:var(--text)}.hero-card img{height:320px}.stats{grid-template-columns:repeat(2,1fr)}.header-actions{gap:10px}.nav-wrap{padding:12px 0}.brand span{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.theme-toggle,.lang-switch,.nav-toggle{width:38px;height:38px}.whatsapp-float{width:54px;height:54px;bottom:18px;right:18px}.admin-side{position:relative;height:auto}}