*{box-sizing:border-box}body{margin:0;background:#020912;color:#fff;font-family:Inter,Segoe UI,Arial,sans-serif}.site{min-height:100vh;background:radial-gradient(circle at 72% 20%,rgba(0,255,224,.16),transparent 34%),linear-gradient(180deg,#030b16,#02060d 45%,#030914);overflow:hidden}.grid-bg{position:fixed;inset:0;opacity:.07;background-image:linear-gradient(rgba(45,255,229,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(45,255,229,.7) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.topbar{position:sticky;top:0;z-index:50;min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 42px;border-bottom:1px solid rgba(103,232,249,.18);background:rgba(2,9,18,.94);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:16px;color:#fff;text-decoration:none}.brand img,.brand-q{width:64px;height:64px;border-radius:14px;box-shadow:0 0 24px rgba(45,255,229,.35)}.brand-q{display:grid;place-items:center;border:2px solid #67e8f9;font-size:40px;font-weight:900}.brand strong{display:block;font-size:34px;letter-spacing:.18em}.brand small{display:block;color:#67e8f9;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em}.menu{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.menu a{position:relative;display:flex;align-items:center;min-height:54px;padding:0 18px;border:1px solid transparent;border-radius:10px;color:#e5e7eb;text-decoration:none;text-transform:uppercase;font-size:14px;font-weight:900;letter-spacing:.08em;transition:.22s}.menu a:after{content:"";position:absolute;left:16px;right:16px;bottom:8px;height:2px;background:#67e8f9;transform:scaleX(0);transform-origin:left;transition:.22s;box-shadow:0 0 14px rgba(103,232,249,.9)}.menu a:hover,.menu a.active{color:#67e8f9;border-color:rgba(103,232,249,.28);background:rgba(103,232,249,.06)}.menu a:hover:after,.menu a.active:after{transform:scaleX(1)}.login,.mobile-toggle{border:1px solid rgba(103,232,249,.72);padding:14px 24px;border-radius:8px;background:rgba(3,16,27,.75);color:#fff;text-decoration:none;text-transform:uppercase;font-weight:900;letter-spacing:.08em;cursor:pointer}.mobile-toggle{display:none}.login:hover,.mobile-toggle:hover,.secondary:hover{background:#67e8f9;color:#020912}.mobile-menu{display:none;position:sticky;top:96px;z-index:45;background:rgba(3,11,22,.98);border-bottom:1px solid rgba(103,232,249,.22);padding:18px 28px}.mobile-menu.open{display:grid;gap:8px}.mobile-menu a{padding:14px 18px;border:1px solid rgba(103,232,249,.22);border-radius:8px;color:#e5e7eb;text-decoration:none;text-transform:uppercase;font-weight:900}.hero{position:relative;z-index:2;min-height:490px;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:70px 90px;border-bottom:1px solid rgba(103,232,249,.18);background:radial-gradient(circle at 73% 55%,rgba(0,255,224,.34),transparent 14%),radial-gradient(circle at 82% 40%,rgba(0,150,255,.18),transparent 28%)}.eyebrow{color:#67e8f9;text-transform:uppercase;font-weight:900;letter-spacing:.1em}.hero h1{font-size:76px;line-height:.96;margin:18px 0;text-transform:uppercase;letter-spacing:.03em}.hero h1 span{color:#67e8f9}.lede{font-size:20px;line-height:1.65;color:#e5e7eb;max-width:760px}.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:16px 30px;border-radius:8px;text-transform:uppercase;font-weight:900;text-decoration:none;min-width:220px}.primary{background:#67e8f9;color:#020912;box-shadow:0 0 25px rgba(45,255,229,.38)}.secondary{border:1px solid rgba(103,232,249,.85);color:#fff;background:rgba(3,16,27,.72)}.visual{position:relative;min-height:310px}.visual:before{content:"";position:absolute;right:22%;top:7%;width:310px;height:310px;border:2px solid rgba(103,232,249,.75);border-radius:45%;transform:rotate(45deg);box-shadow:inset 0 0 55px rgba(45,255,229,.32),0 0 55px rgba(45,255,229,.36)}.visual:after{content:"Q";position:absolute;right:31%;top:23%;font-size:150px;font-weight:900;color:rgba(236,254,255,.95);filter:drop-shadow(0 0 30px rgba(45,255,229,.8))}.trust{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;padding:30px 90px;background:rgba(4,16,29,.74);border-bottom:1px solid rgba(103,232,249,.16)}.trust article{display:flex;gap:16px;border-right:1px solid rgba(103,232,249,.16);padding-right:18px}.trust article:last-child{border-right:0}.icon-box{display:inline-flex;align-items:center;justify-content:center;min-width:54px;width:54px;height:54px;border:1px solid rgba(103,232,249,.45);color:#67e8f9;border-radius:10px;background:rgba(103,232,249,.05);box-shadow:0 0 16px rgba(45,255,229,.12)}.icon-svg{width:30px;height:30px;display:block}.trust h3,.card h3{margin:0;text-transform:uppercase;font-size:14px}.trust p,.card p,footer p{color:#d1d5db;line-height:1.65}.services{padding:42px 90px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-head h2{margin:.25rem 0 0;font-size:38px;text-transform:uppercase}.section-head a{color:#fff;text-decoration:none;border:1px solid rgba(103,232,249,.7);padding:12px 20px;border-radius:8px;text-transform:uppercase;font-weight:900}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-height:220px;padding:26px;border:1px solid rgba(148,163,184,.7);background:rgba(6,19,37,.76);border-radius:10px;text-decoration:none;color:#fff;transition:.22s}.card:hover{border-color:#67e8f9;background:rgba(103,232,249,.065);transform:translateY(-3px)}.card .icon-box{margin-bottom:24px}.card span:last-child{color:#67e8f9;text-transform:uppercase;font-size:12px;font-weight:900}.sectors{text-align:center;background:rgba(4,16,29,.82);border-top:1px solid rgba(103,232,249,.16);border-bottom:1px solid rgba(103,232,249,.16);padding:16px 70px 22px}.sectors p{color:#67e8f9;text-transform:uppercase;font-weight:900;letter-spacing:.18em}.sectors div{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.sectors a{color:#e5e7eb;text-decoration:none;text-transform:uppercase;font-weight:800;border-right:1px solid rgba(103,232,249,.16);padding:8px}footer{background:#030b16;border-top:1px solid rgba(103,232,249,.16)}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1.2fr 1fr;gap:42px;padding:36px 90px}.footer-grid h4{text-transform:uppercase;margin:0 0 16px}.footer-grid a{display:block;color:#d1d5db;text-decoration:none;margin-bottom:9px}.footer-grid a:hover,.legal a:hover{color:#67e8f9}.socials{display:flex;gap:8px}.socials a{border:1px solid rgba(103,232,249,.5);padding:8px;border-radius:6px;color:#67e8f9}.legal{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid rgba(103,232,249,.16);padding:16px 90px;color:#9ca3af}.legal div{display:flex;gap:28px}.legal a{color:#9ca3af;text-decoration:none}@media(max-width:1180px){.menu{display:none}.mobile-toggle{display:inline-flex}.login{display:none}.hero,.trust,.cards,.sectors div,.footer-grid{grid-template-columns:1fr}.hero{padding:52px 28px}.visual{display:none}.trust,.services,.sectors,.footer-grid,.legal{padding-left:28px;padding-right:28px}.trust article,.sectors a{border-right:0}.section-head{display:block}.section-head a{display:inline-block;margin-top:18px}.hero h1{font-size:52px}.legal{flex-direction:column;align-items:flex-start}.brand strong{font-size:25px}.topbar{padding:14px 20px}}

:root{
  --q-bg:#020912;
  --q-bg2:#030b16;
  --q-panel:#061325;
  --q-cyan:#67e8f9;
  --q-cyan2:#22d3ee;
  --q-green:#00f5a0;
  --q-line:rgba(103,232,249,.18);
  --q-muted:#d1d5db;
  --q-soft:rgba(103,232,249,.06);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--q-bg);
  color:#fff;
  font-family:Inter,Segoe UI,Arial,sans-serif;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  background:
    radial-gradient(circle at 70% 20%,rgba(0,255,224,.14),transparent 34%),
    linear-gradient(180deg,#030b16 0%,#02060d 42%,#030914 100%);
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  opacity:.075;
  background-image:
    linear-gradient(rgba(45,255,229,.7) 1px,transparent 1px),
    linear-gradient(90deg,rgba(45,255,229,.7) 1px,transparent 1px);
  background-size:48px 48px;
  pointer-events:none;
}
.site{
  min-height:100vh;
  overflow:hidden;
  position:relative;
}
.site:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 84% 28%,rgba(0,150,255,.16),transparent 28%),
    radial-gradient(circle at 25% 70%,rgba(0,255,160,.08),transparent 30%);
  pointer-events:none;
}
.topbar{
  position:sticky;
  top:0;
  z-index:50;
  min-height:96px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 42px;
  border-bottom:1px solid var(--q-line);
  background:rgba(2,9,18,.94);
  backdrop-filter:blur(18px);
}
.brand{
  display:flex;
  align-items:center;
  gap:16px;
  color:#fff;
  text-decoration:none;
}
.brand img,.brand-q{
  width:64px;
  height:64px;
  border-radius:14px;
  box-shadow:0 0 24px rgba(45,255,229,.35);
}
.brand-q{
  display:grid;
  place-items:center;
  border:2px solid var(--q-cyan);
  font-size:40px;
  font-weight:900;
}
.brand strong{
  display:block;
  font-size:34px;
  letter-spacing:.18em;
  line-height:1;
}
.brand small{
  display:block;
  margin-top:7px;
  color:var(--q-cyan);
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.menu{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.menu a{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:54px;
  padding:0 18px;
  border:1px solid transparent;
  border-radius:10px;
  color:#e5e7eb;
  text-decoration:none;
  text-transform:uppercase;
  font-size:14px;
  font-weight:900;
  letter-spacing:.08em;
  transition:.22s;
}
.menu a:after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:8px;
  height:2px;
  background:var(--q-cyan);
  transform:scaleX(0);
  transform-origin:left;
  transition:.22s;
  box-shadow:0 0 14px rgba(103,232,249,.9);
}
.menu a:hover,.menu a.active{
  color:var(--q-cyan);
  border-color:rgba(103,232,249,.28);
  background:var(--q-soft);
}
.menu a:hover:after,.menu a.active:after{transform:scaleX(1)}
.menu-icon{
  width:18px;
  height:18px;
  display:block;
}
.login-btn,.mobile-toggle{
  border:1px solid rgba(103,232,249,.72);
  padding:14px 24px;
  border-radius:8px;
  background:rgba(3,16,27,.75);
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.08em;
  cursor:pointer;
}
.mobile-toggle{display:none}
.login-btn:hover,.mobile-toggle:hover,.secondary:hover{
  background:var(--q-cyan);
  color:#020912;
}
.mobile-menu{
  display:none;
  position:sticky;
  top:96px;
  z-index:45;
  background:rgba(3,11,22,.98);
  border-bottom:1px solid rgba(103,232,249,.22);
  padding:18px 28px;
}
.mobile-menu.open{display:grid;gap:8px}
.mobile-menu a{
  padding:14px 18px;
  border:1px solid rgba(103,232,249,.22);
  border-radius:8px;
  color:#e5e7eb;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:900;
}
.hero{
  position:relative;
  z-index:2;
  min-height:500px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  padding:72px 90px;
  border-bottom:1px solid var(--q-line);
  overflow:hidden;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 73% 55%,rgba(0,255,224,.34),transparent 14%),
    radial-gradient(circle at 82% 40%,rgba(0,150,255,.18),transparent 28%);
}
.eyebrow{
  color:var(--q-cyan);
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.1em;
}
.hero h1{
  font-size:76px;
  line-height:.96;
  margin:18px 0;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.hero h1 span{color:var(--q-cyan)}
.lede{
  font-size:20px;
  line-height:1.65;
  color:#e5e7eb;
  max-width:760px;
}
.actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-top:32px;
}
.primary,.secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:16px 30px;
  border-radius:8px;
  text-transform:uppercase;
  font-weight:900;
  text-decoration:none;
  min-width:220px;
}
.primary{
  background:var(--q-cyan);
  color:#020912;
  box-shadow:0 0 25px rgba(45,255,229,.38);
}
.secondary{
  border:1px solid rgba(103,232,249,.85);
  color:#fff;
  background:rgba(3,16,27,.72);
}
.hero-art{
  position:relative;
  min-height:340px;
}
.hero-art:before{
  content:"";
  position:absolute;
  right:17%;
  top:2%;
  width:340px;
  height:340px;
  border:2px solid rgba(103,232,249,.75);
  border-radius:45%;
  transform:rotate(45deg);
  box-shadow:inset 0 0 55px rgba(45,255,229,.32),0 0 55px rgba(45,255,229,.36);
}
.hero-art:after{
  content:"";
  position:absolute;
  right:22%;
  top:17%;
  width:250px;
  height:250px;
  border:1px solid rgba(103,232,249,.45);
  border-radius:999px;
  box-shadow:0 0 70px rgba(45,255,229,.22);
}
.hero-q{
  position:absolute;
  right:27%;
  top:23%;
  font-size:150px;
  font-weight:900;
  color:rgba(236,254,255,.95);
  filter:drop-shadow(0 0 30px rgba(45,255,229,.8));
}
.hero-line{
  position:absolute;
  left:6%;
  right:6%;
  bottom:25px;
  height:2px;
  background:rgba(103,232,249,.4);
  box-shadow:0 0 32px rgba(45,255,229,.85);
}
.trust{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:22px;
  padding:30px 90px;
  background:rgba(4,16,29,.74);
  border-bottom:1px solid var(--q-line);
}
.trust article{
  display:flex;
  gap:16px;
  border-right:1px solid rgba(103,232,249,.16);
  padding-right:18px;
}
.trust article:last-child{border-right:0}
.icon-box{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:54px;
  width:54px;
  height:54px;
  border:1px solid rgba(103,232,249,.45);
  color:var(--q-cyan);
  border-radius:10px;
  background:rgba(103,232,249,.05);
  box-shadow:0 0 16px rgba(45,255,229,.12);
}
.icon{
  width:30px;
  height:30px;
  display:block;
}
.trust h3,.card h3{
  margin:0;
  text-transform:uppercase;
  font-size:14px;
}
.trust p,.card p,footer p,.feature p{
  color:var(--q-muted);
  line-height:1.65;
}
.services,.feature{
  position:relative;
  z-index:2;
  padding:42px 90px;
}
.section-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  margin-bottom:24px;
}
.section-head h2,.feature h2{
  margin:.25rem 0 0;
  font-size:38px;
  text-transform:uppercase;
}
.section-head a{
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(103,232,249,.7);
  padding:12px 20px;
  border-radius:8px;
  text-transform:uppercase;
  font-weight:900;
}
.cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.card{
  min-height:220px;
  padding:26px;
  border:1px solid rgba(148,163,184,.7);
  background:rgba(6,19,37,.76);
  border-radius:10px;
  text-decoration:none;
  color:#fff;
  transition:.22s;
}
.card:hover{
  border-color:var(--q-cyan);
  background:rgba(103,232,249,.065);
  transform:translateY(-3px);
}
.card .icon-box{margin-bottom:24px}
.card span:last-child{
  color:var(--q-cyan);
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
}
.feature-panel{
  border:1px solid rgba(103,232,249,.22);
  background:rgba(6,19,37,.82);
  border-radius:18px;
  padding:34px;
  box-shadow:0 0 35px rgba(45,255,229,.08);
}
.feature-grid{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:34px;
}
.deliverables{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:14px;
}
.deliverables li{
  display:flex;
  gap:12px;
  color:var(--q-muted);
  line-height:1.65;
}
.phases{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
  margin-top:28px;
}
.phase{
  border:1px solid rgba(148,163,184,.55);
  background:rgba(2,9,18,.7);
  border-radius:14px;
  padding:20px;
}
.phase h3{text-transform:uppercase}
.sectors{
  position:relative;
  z-index:2;
  text-align:center;
  background:rgba(4,16,29,.82);
  border-top:1px solid var(--q-line);
  border-bottom:1px solid var(--q-line);
  padding:16px 70px 22px;
}
.sectors p{
  color:var(--q-cyan);
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.18em;
}
.sectors div{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:8px;
}
.sectors a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#e5e7eb;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:800;
  border-right:1px solid rgba(103,232,249,.16);
  padding:8px;
}
footer{
  position:relative;
  z-index:2;
  background:#030b16;
  border-top:1px solid var(--q-line);
}
.footer-grid{
  display:grid;
  grid-template-columns:1.35fr 1fr 1.2fr 1fr;
  gap:42px;
  padding:36px 90px;
}
.footer-grid h4{
  text-transform:uppercase;
  margin:0 0 16px;
}
.footer-grid a{
  display:block;
  color:#d1d5db;
  text-decoration:none;
  margin-bottom:9px;
}
.footer-grid a:hover,.legal a:hover{color:var(--q-cyan)}
.legal{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  border-top:1px solid var(--q-line);
  padding:16px 90px;
  color:#9ca3af;
}
.legal div{display:flex;gap:28px}
.legal a{
  color:#9ca3af;
  text-decoration:none;
}
@media(max-width:1180px){
  .menu{display:none}
  .mobile-toggle{display:inline-flex}
  .login-btn{display:none}
  .hero,.trust,.cards,.feature-grid,.phases,.sectors div,.footer-grid{grid-template-columns:1fr}
  .hero{padding:52px 28px}
  .hero-art{display:none}
  .trust,.services,.feature,.sectors,.footer-grid,.legal{padding-left:28px;padding-right:28px}
  .trust article,.sectors a{border-right:0}
  .section-head{display:block}
  .section-head a{display:inline-block;margin-top:18px}
  .hero h1{font-size:52px}
  .legal{flex-direction:column;align-items:flex-start}
  .brand strong{font-size:25px}
  .topbar{padding:14px 20px}
}

<header class="topbar"><a href="/" class="brand"><img src="/QILAHK_Favicon.png" alt="QILAHK logo" onerror="this.style.display='none'"><span><strong>QILAHK</strong><small>Engineered Trust. Operational Dominance.</small></span></a><nav class="menu" aria-label="Primary navigation"><a class="active" href="/">Home</a><a href="/about">About</a><a href="/services">Services</a><a href="/doctrine">Doctrine</a><a href="/assessment">Assessment</a><a href="/contact">Contact Us</a></nav><div><a class="login" href="/auth/login.php">Login</a><button class="mobile-toggle" type="button" onclick="document.querySelector('.mobile-menu').classList.toggle('open')">Menu</button></div></header><div class="mobile-menu"><a href="/">Home</a><a href="/about">About</a><a href="/services">Services</a><a href="/doctrine">Doctrine</a><a href="/assessment">Assessment</a><a href="/contact">Contact Us</a><a href="/auth/login.php">Login</a></div><main>