:root{
    --primary:#2C5F8A;
    --primary-h:#1E4A72;
    --text:#1A2635;
    --text-muted:#6B8296;
    --border:#D0D9E4;
  
    --shadow-sm:0 2px 8px rgba(44,95,138,0.08);
    --shadow-md:0 8px 32px rgba(44,95,138,0.12);
  }
  
  /* NAVBAR */
  nav{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:100;
  
    display:flex;
    align-items:center;
    justify-content:space-between;
  
    padding:1.1rem 4rem;
  
    background:rgba(244,246,249,0.92);
    backdrop-filter:blur(20px);
  
    border-bottom:1px solid var(--border);
  
    transition:padding 0.3s, box-shadow 0.3s;
  }
  
  /* SCROLL EFFECT */
  nav.scrolled{
    padding:0.75rem 4rem;
    box-shadow:var(--shadow-sm);
  }
  
  /* BRAND (LOGO + TEXT) */
  .brand{
    display:flex;
    align-items:center;
    gap:10px;
  }
  
  .logo-img{
    height:38px;
    width:auto;
    object-fit:contain;
  }
  
  .logo-text{
    font-family:'Playfair Display', serif;
    font-size:1.5rem;
    font-weight:800;
    letter-spacing:-0.02em;
    color:var(--text);
  }
  
  /* LINKS */
  .nav-links{
    display:flex;
    gap:2.5rem;
    list-style:none;
  }
  
  .nav-links a{
    color:var(--text-muted);
    text-decoration:none;
    font-family:'Inter',sans-serif;
    font-size:0.84rem;
    font-weight:500;
    letter-spacing:0.05em;
    text-transform:uppercase;
    transition:color .2s;
  }
  
  .nav-links a:hover{
    color:var(--primary);
  }
  
  /* CTA */
  .nav-cta{
    background:var(--primary)!important;
    color:white!important;
    padding:0.5rem 1.3rem!important;
    border-radius:5px;
    font-weight:600!important;
  }
  
  .nav-cta:hover{
    background:var(--primary-h)!important;
    transform:translateY(-1px);
  }
  
  /* HAMBURGER */
  .nav-toggle{
    display:none;
    flex-direction:column;
    gap:5px;
    background:transparent;
    border:none;
    cursor:pointer;
    padding:6px;
  }
  
  .nav-toggle span{
    width:22px;
    height:2px;
    background:var(--primary);
    border-radius:2px;
  }
  
  /* MOBILE */
  @media(max-width:900px){
  
    nav{
      padding:1rem 1.5rem;
    }
  
    .nav-toggle{
      display:flex;
    }
  
    .nav-links{
      position:fixed;
      top:70px;
      right:20px;
      display:none;
      flex-direction:column;
      gap:1.2rem;
      min-width:180px;
      padding:1.2rem;
      background:rgba(255,255,255,0.95);
      backdrop-filter:blur(12px);
      border:1px solid var(--border);
      border-radius:12px;
      box-shadow:var(--shadow-md);
    }
  
    .nav-links.active{
      display:flex;
    }
  }