/* Head */
:root {
    --navy: #0a1628;
    --navy2: #0f2040;
    --blue: #1a6bcc;
    --cyan: #2bb5e8;
    --white: #f0f4ff;
    --muted: #7a93b8;
    --accent: #2bb5e8;
    --card: rgba(255,255,255,0.04);
    --border: rgba(43,181,232,0.15);
  }

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  html { scroll-behavior: smooth; }

  body {
    background: var(--navy);
    color: var(--white);
    font-family: 'DM Sans', sans-serif;
    font-weight: 300;
    overflow-x: hidden;
  }

  /* ── NAV ── */
  nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 100;
    display: flex; align-items: center; justify-content: space-between;
    padding: 1.2rem 6%;
    background: rgba(10,22,40,0.85);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border);
  }

  .logo {
    display: flex; align-items: center; gap: .6rem;
    font-family: 'Syne', sans-serif; font-weight: 800; font-size: 1.5rem;
    text-decoration: none; color: var(--white);
  }
  .logo img { height: 36px; }
  .logo span.blue { color: var(--cyan); }

  .nav-links { display: flex; gap: 2rem; list-style: none; }
  .nav-links a {
    color: var(--muted); text-decoration: none; font-size: .9rem;
    font-weight: 500; letter-spacing: .04em; transition: color .2s;
  }
  .nav-links a:hover { color: var(--cyan); }

  .nav-cta {
    background: var(--blue); color: #fff; padding: .55rem 1.4rem;
    border-radius: 6px; font-size: .88rem; font-weight: 500;
    text-decoration: none; transition: background .2s, transform .15s;
  }
  .nav-cta:hover { background: var(--cyan); transform: translateY(-1px); }

  .menu-toggle{
  display:none;
  font-size:1.8rem;
  color:white;
  cursor:pointer;
}

/* Mobile */
@media (max-width:768px){

  .menu-toggle{
    display:block;
  }

  .nav-links{
    display: none; /* hide by default */
    flex-direction: column;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    background: rgba(10,22,40,0.95);
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem 0;
    z-index: 99;
  }

  .nav-links.active{
    display:flex;
  }

  .nav-cta{
    display:none;
  }

  .culture-inner, .why-grid, .apply-wrap, .hero-inner, .form-row, .faq-grid {
    display: flex !important;
    flex-direction: column;
  }

  .apply-form {
    width: 100%;
  }
}
/* End head */

/* Footer */

/* ── FOOTER ── */
footer {
  background:#030a12; padding:2rem 5%;
  border-top:1px solid var(--border);
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem;
}
footer .logo { font-family:'Syne',sans-serif; font-weight:800; font-size:1.2rem; }
footer p { color:var(--muted); font-size:.8rem; }
/* End footer */