@charset "UTF-8";
/* Light homepage styles only */
:root{
  --aq-bg:#ffffff;
  --aq-soft:#f5f8ff;
  --aq-ink:#0f172a;
  --aq-mute:#5b6578;
  --aq-line:#e7edf6;
  --aq-blue:#60a5fa;
  --aq-blue-2:#3b82f6;
  --aq-violet:#6d28d9;
  --aq-radius:20px;
  --aq-shadow:0 8px 28px rgba(15,23,42,.06);
  --aq-w:min(1200px, calc(100% - 32px));
}
body.aq[data-theme="dark"]{
  --aq-bg:#0f172a;
  --aq-soft:#162033;
  --aq-ink:#f1f5f9;
  --aq-mute:#94a3b8;
  --aq-line:#243247;
  --aq-shadow:0 8px 28px rgba(0,0,0,.28);
  color-scheme:dark;
}
html, body.aq{
  margin:0 !important;
  padding:0 !important;
  background:var(--aq-bg) !important;
  color:var(--aq-ink) !important;
  color-scheme:light;
}
body.aq{
  font-family:"Tajawal","Cairo",system-ui,sans-serif;
  line-height:1.7;
  overflow-x:clip;
}
body.aq *, body.aq *::before, body.aq *::after{ box-sizing:border-box; }
body.aq img{ display:block; max-width:100%; height:auto; }
body.aq a{ color:inherit; }
body.aq #MyCart{ display:none !important; }

.aq-wrap{ width:var(--aq-w); margin-inline:auto; }

/* NAV — mobile first */
.aq-bar{
  position:sticky; top:0; z-index:80;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--aq-line);
  backdrop-filter:blur(14px);
  overflow:visible;
}
body.aq[data-theme="dark"] .aq-bar{ background:rgba(15,23,42,.92); }
.aq-nav{
  width:var(--aq-w); margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  min-height:58px; gap:8px;
}
.aq-brand{ display:flex; align-items:center; gap:8px; text-decoration:none; min-width:0; flex:1; }
.aq-brand img{
  width:32px; height:32px; max-width:32px; border-radius:9px; object-fit:cover; background:#000; flex:0 0 32px;
}
.aq-brand span{
  font-weight:800; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.aq-menu-btn{
  flex:0 0 auto;
  min-width:48px; height:48px; padding:0 12px;
  border:1px solid #bfdbfe; border-radius:14px;
  background:#eff6ff; color:#1e40af;
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  cursor:pointer; z-index:81; position:relative;
  font-weight:800; font-size:13px; touch-action:manipulation;
  list-style:none;
}
.aq-menu-btn::-webkit-details-marker{ display:none; }
.aq-menu-btn i{ font-size:22px; color:#2563eb; }
.aq-mobnav{ position:relative; flex:0 0 auto; }
.aq-mobnav .aq-panel{
  display:none;
  position:fixed;
  top:62px;
  inset-inline-end:12px;
  width:min(280px, calc(100vw - 24px));
  background:#fff;
  border:1px solid var(--aq-line);
  border-radius:16px;
  padding:10px;
  box-shadow:0 16px 40px rgba(15,23,42,.12);
  z-index:200;
}
.aq-mobnav[open] .aq-panel{ display:block; }
.aq-mobnav .aq-panel a, .aq-mobnav .aq-panel button{
  display:flex; width:100%; min-height:44px; align-items:center; justify-content:center;
  margin:4px 0; border-radius:12px; text-decoration:none; border:1px solid var(--aq-line);
  background:#f8fbff; color:var(--aq-ink); font-weight:800; cursor:pointer; font-size:15px;
}

.aq-desk, .aq-links{ display:none; }
.aq-btn, .aq-btn-ghost{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:44px; padding:0 16px; border-radius:12px; text-decoration:none; border:0;
  font-weight:800; cursor:pointer; font-size:14px;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.aq-btn{ background:#e0edff; color:#1d4ed8; border:1px solid #bfdbfe; box-shadow:none; }
.aq-btn:hover{ transform:translateY(-1px); background:#d6e6ff; color:#1e40af; }
.aq-btn-ghost{ background:#fff; color:var(--aq-ink); border:1px solid var(--aq-line); }
body.aq[data-theme="dark"] .aq-btn-ghost{ background:var(--aq-soft); }
.aq-quiet{ background:transparent; border:0; color:var(--aq-mute); min-height:36px; padding:0 10px; font-weight:700; cursor:pointer; }

/* HERO */
.aq-hero{
  position:relative;
  background:
    radial-gradient(700px 280px at 100% 0%, rgba(37,99,235,.10), transparent 55%),
    radial-gradient(520px 240px at 0% 20%, rgba(109,40,217,.08), transparent 50%),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 70%);
  overflow:hidden;
}
body.aq[data-theme="dark"] .aq-hero{
  background:
    radial-gradient(700px 280px at 100% 0%, rgba(37,99,235,.18), transparent 55%),
    linear-gradient(180deg, #121b2e 0%, #0f172a 70%);
}
.aq-hero-grid{
  width:var(--aq-w); margin:0 auto;
  display:grid; gap:28px;
  padding:28px 0 36px;
}
.aq-chip{
  display:inline-flex; align-items:center; gap:6px;
  background:#eef4ff; color:var(--aq-blue-2);
  border-radius:999px; padding:6px 12px; font-size:12px; font-weight:800;
}
body.aq[data-theme="dark"] .aq-chip{ background:#1e3a5f; color:#bfdbfe; }
.aq-hero h1{
  margin:12px 0 10px;
  font-size:clamp(28px, 7vw, 52px);
  line-height:1.25;
  font-weight:900;
  color:var(--aq-ink);
}
.aq-hero .lead{
  margin:0 0 10px;
  font-size:clamp(16px, 2.4vw, 20px);
  font-weight:800;
  color:var(--aq-ink);
}
.aq-hero .desc{
  margin:0 0 18px;
  color:var(--aq-mute);
  font-size:15px;
  max-width:38rem;
}
.aq-cta{ display:flex; flex-wrap:wrap; gap:10px; }
.aq-cta .aq-btn, .aq-cta .aq-btn-ghost{ flex:1 1 160px; }

.aq-hero-art{
  display:grid;
  place-items:center;
  position:relative;
  min-height:180px;
  order:-1;
  margin:0 auto 8px;
}
.aq-orb{
  width:120px; height:120px; border-radius:50%;
  background:#fff; border:1px solid var(--aq-line); box-shadow:var(--aq-shadow);
  display:grid; place-items:center; position:relative; z-index:1;
}
.aq-orb img{ width:62px; height:62px; max-width:62px; object-fit:contain; border-radius:16px; background:#000; }
.aq-ring{
  position:absolute; width:158px; height:158px; border-radius:50%;
  border:1px dashed rgba(37,99,235,.28);
  animation:aq-spin 24s linear infinite;
}
.aq-blob{
  position:absolute; width:18px; height:18px; border-radius:6px;
  background:#fff; border:1px solid var(--aq-line); box-shadow:var(--aq-shadow);
  display:grid; place-items:center; font-size:11px; color:var(--aq-blue);
  animation:aq-float 4.8s ease-in-out infinite;
}
.aq-blob.a{ top:18px; inset-inline-start:24px; }
.aq-blob.b{ top:28px; inset-inline-end:18px; animation-delay:-1.2s; color:#ca8a04; }
.aq-blob.c{ bottom:22px; inset-inline-start:40px; animation-delay:-2s; color:#16a34a; }

.aq-note{
  width:var(--aq-w); margin:-8px auto 0;
  display:flex; gap:12px; align-items:flex-start;
  background:var(--aq-soft); border:1px solid var(--aq-line);
  border-radius:16px; padding:14px 16px;
}
.aq-note i{ color:var(--aq-violet); margin-top:2px; }
.aq-note b{ display:block; font-size:14px; }
.aq-note p{ margin:2px 0 0; color:var(--aq-mute); font-size:13px; }

/* SECTIONS */
.aq-sec{ width:var(--aq-w); margin:0 auto; padding:40px 0; }
.aq-sec h2{ margin:0 0 6px; font-size:clamp(22px, 3vw, 30px); }
.aq-sec .sub{ margin:0 0 18px; color:var(--aq-mute); font-size:14px; }

.aq-cards{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.aq-card{
  background:#fff; border:1px solid var(--aq-line); border-radius:18px;
  padding:18px; box-shadow:var(--aq-shadow);
  display:flex; flex-direction:column; gap:10px;
  transition:transform .2s ease, box-shadow .2s ease;
}
body.aq[data-theme="dark"] .aq-card{ background:var(--aq-soft); }
.aq-card:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(15,23,42,.10); }
.aq-ico{
  width:40px; height:40px; border-radius:12px;
  display:grid; place-items:center; font-size:18px;
}
.aq-ico.snap{ background:#fef9c3; color:#a16207; }
.aq-ico.tg{ background:#e0f2fe; color:#0369a1; }
.aq-ico.dns{ background:#dbeafe; color:#1d4ed8; }
.aq-ico.soon{ background:#f3e8ff; color:#7c3aed; }
.aq-card h3{ margin:0; font-size:17px; }
.aq-card p{ margin:0; color:var(--aq-mute); font-size:14px; flex:1; }
.aq-url{ font-size:12px; color:#94a3b8; direction:ltr; unicode-bidi:isolate; }
.aq-soon{ align-self:flex-start; font-size:11px; font-weight:800; color:var(--aq-violet); background:#f3e8ff; border-radius:999px; padding:3px 8px; }

/* DOHA — compact */
.aq-doha{
  display:flex; flex-direction:column; gap:14px;
  background:linear-gradient(180deg,#ffffff,#f7f9ff);
  border:1px solid var(--aq-line); border-radius:18px;
  padding:18px; box-shadow:var(--aq-shadow);
}
body.aq[data-theme="dark"] .aq-doha{ background:var(--aq-soft); }
.aq-doha-logo{
  width:48px; height:48px; max-width:48px; max-height:48px;
  object-fit:contain; border-radius:12px; background:#0b1220; padding:6px; flex:0 0 48px;
}
.aq-doha h3{ margin:0; font-size:18px; }
.aq-doha p{ margin:6px 0 0; color:var(--aq-mute); font-size:14px; }
.aq-pills{ display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 14px; }
.aq-pills span{
  background:#eef2ff; color:#1e3a8a; border-radius:999px;
  padding:5px 10px; font-size:12px; font-weight:800;
}
body.aq[data-theme="dark"] .aq-pills span{ background:#1e293b; color:#cbd5e1; }

/* ABOUT compact */
.aq-about{
  display:grid; gap:10px;
}
.aq-about-main{
  background:#fff; border:1px solid var(--aq-line); border-radius:18px; padding:18px; box-shadow:var(--aq-shadow);
}
body.aq[data-theme="dark"] .aq-about-main{ background:var(--aq-soft); }
.aq-about-main p{ margin:8px 0 0; color:var(--aq-mute); font-size:14px; }
.aq-highlights{ display:grid; gap:8px; }
.aq-hl{
  display:flex; gap:10px; align-items:flex-start;
  background:var(--aq-soft); border:1px solid var(--aq-line); border-radius:14px; padding:12px 14px;
}
.aq-hl i{ color:var(--aq-blue); margin-top:2px; }
.aq-hl span{ font-size:14px; }

/* CONTACT */
.aq-contact{ display:grid; gap:10px; }
.aq-touch{
  display:flex; align-items:center; gap:12px;
  border-radius:16px; padding:14px 16px; text-decoration:none; min-height:72px;
  transition:transform .18s ease;
}
.aq-touch:hover{ transform:translateY(-2px); }
.aq-touch.wa{ background:#ecfdf3; }
.aq-touch.sn{ background:#fffbeb; }
body.aq[data-theme="dark"] .aq-touch.wa{ background:#123024; }
body.aq[data-theme="dark"] .aq-touch.sn{ background:#2a230f; }
.aq-touch i{ font-size:22px; flex:0 0 auto; }
.aq-touch b{ display:block; font-size:15px; }
.aq-touch small{ color:var(--aq-mute); font-size:13px; }

/* FOOTER */
.aq-foot{
  border-top:1px solid var(--aq-line);
  background:var(--aq-soft);
  padding:28px 0 20px;
  margin-top:8px;
}
.aq-foot-grid{ width:var(--aq-w); margin:0 auto; display:grid; gap:18px; }
.aq-foot h4{ margin:0 0 8px; font-size:14px; }
.aq-foot a{ display:block; text-decoration:none; color:var(--aq-mute); font-size:14px; margin:4px 0; }
.aq-copy{
  width:var(--aq-w); margin:16px auto 0; padding-top:12px;
  border-top:1px solid var(--aq-line); color:var(--aq-mute); font-size:12px;
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px;
}

/* MODAL */
.aq-modal{
  display:none; position:fixed; inset:0; z-index:60;
  background:rgba(15,23,42,.45); align-items:center; justify-content:center; padding:16px;
}
.aq-modal .box{ width:min(480px,100%); background:#fff; border-radius:18px; padding:16px; }
body.aq[data-theme="dark"] .aq-modal .box{ background:#162033; }
.aq-modal .head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.aq-modal .grid2{ display:grid; gap:8px; }
.aq-modal label{ display:block; font-size:12px; font-weight:800; margin-bottom:4px; }
.aq-modal input{
  width:100%; border:1px solid var(--aq-line); border-radius:10px; padding:10px; background:transparent; color:inherit;
}
.aq-pass{ position:relative; }
.aq-pass button{ position:absolute; inset-inline-end:8px; top:28px; border:0; background:transparent; color:var(--aq-mute); }
.aq-acc{ position:relative; }
.aq-acc-menu{
  display:none; position:absolute; inset-inline-end:0; top:40px; min-width:180px;
  background:#fff; border:1px solid var(--aq-line); border-radius:12px; padding:6px; box-shadow:var(--aq-shadow);
}
body.aq[data-theme="dark"] .aq-acc-menu{ background:#162033; }
.aq-acc-menu.open{ display:block; }
.aq-acc-menu a{ display:block; padding:8px; text-decoration:none; font-size:13px; }

.aq-reveal{ opacity:0; transform:translateY(12px); animation:aq-in .6s ease forwards; }

@keyframes aq-in{ to{ opacity:1; transform:none; } }
@keyframes aq-spin{ to{ transform:rotate(360deg); } }
@keyframes aq-float{ 50%{ transform:translateY(-6px); } }

@media (min-width: 768px){
  .aq-hero-grid{ grid-template-columns:1.15fr .85fr; align-items:center; padding:40px 0 48px; }
  .aq-hero-art{ display:grid; order:0; min-height:240px; margin:0; }
  .aq-orb{ width:168px; height:168px; }
  .aq-orb img{ width:86px; height:86px; max-width:86px; border-radius:22px; }
  .aq-ring{ width:220px; height:220px; }
  .aq-cards{ grid-template-columns:1fr 1fr; }
  .aq-about{ grid-template-columns:1.2fr .8fr; }
  .aq-contact, .aq-foot-grid{ grid-template-columns:1fr 1fr; }
  .aq-doha{ flex-direction:row; align-items:flex-start; }
  .aq-modal .grid2{ grid-template-columns:1fr 1fr; }
  .aq-cta .aq-btn, .aq-cta .aq-btn-ghost{ flex:0 0 auto; }
}
@media (min-width: 1024px){
  .aq-menu-btn{ display:none; }
  .aq-mobnav{ display:none; }
  .aq-desk, .aq-links{ display:flex; align-items:center; gap:6px; }
  .aq-links a{
    text-decoration:none; color:var(--aq-mute); font-weight:800; font-size:14px;
    padding:8px 12px; border-radius:10px;
  }
  .aq-links a.is-active, .aq-links a:hover{ color:var(--aq-blue); background:#eef4ff; }
  .aq-cards{ grid-template-columns:repeat(4, minmax(0,1fr)); }
  .aq-contact{ grid-template-columns:1fr 1fr; }
  .aq-foot-grid{ grid-template-columns:1.4fr .8fr .8fr; }
  .aq-nav{ min-height:72px; }
}
@media (prefers-reduced-motion: reduce){
  body.aq *, body.aq *::before, body.aq *::after{ animation:none !important; transition:none !important; }
}
body.aq a[href*="malek_academy"],
body.aq img[src*="images/auth.png"],
div[style*="1c1a1a"]{
  display:none !important;
}