:root{
    --bg:#F4F6F9;
    --card:#fff;
    --primary:#2C5F8A;
    --primary-h:#1E4A72;
    --text:#1A2635;
    --muted:#6B8296;
    --border:#D0D9E4;
    --shadow:0 10px 30px rgba(44,95,138,0.12);
  }
  
  *{margin:0;padding:0;box-sizing:border-box;}
  body{
    font-family:Inter,sans-serif;
    background:var(--bg);
  }
  
  /* NAV
  nav{
    position:fixed;
    top:0;left:0;right:0;
    background:rgba(244,246,249,0.92);
    backdrop-filter:blur(20px);
    padding:1rem 4rem;
    display:flex;
    justify-content:space-between;
    border-bottom:1px solid var(--border);
  }
  .logo{
    font-family:"Playfair Display";
    font-weight:800;
  }
  .logo span{color:var(--primary);}
  nav a{
    margin-left:2rem;
    text-decoration:none;
    color:var(--muted);
    font-size:0.85rem;
  }
   */
  /* HERO */
  .hero{
    padding:10rem 4rem 3rem;
    text-align:center;
  }
  .hero h1{
    font-family:"Playfair Display";
    font-size:3rem;
  }
  .hero p{
    color:var(--muted);
    max-width:700px;
    margin:1rem auto;
  }
  
  /* CONTACT */
  .contact-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:2rem;
    padding:3rem 4rem;
  }
  
  .form-box, .info-box{
    background:#fff;
    border:1px solid var(--border);
    border-radius:14px;
    padding:2rem;
    box-shadow:var(--shadow);
  }
  
  input, textarea{
    width:100%;
    padding:0.9rem;
    margin-bottom:1rem;
    border:1px solid var(--border);
    border-radius:8px;
    font-family:inherit;
  }
  
  button{
    background:var(--primary);
    color:#fff;
    border:none;
    padding:0.9rem 1.5rem;
    border-radius:8px;
    cursor:pointer;
    font-weight:600;
  }
  button:hover{background:var(--primary-h);}
  
  /* INFO */
  .info-box h3{
    font-family:"Playfair Display";
    margin-bottom:1rem;
  }
  .info-box p{
    margin-bottom:1rem;
    color:var(--muted);
    line-height:1.6;
  }
  
  /* FOOTER
  footer{
    margin-top:4rem;
    padding:3rem;
    text-align:center;
    background:#fff;
    border-top:1px solid var(--border);
    color:var(--muted);
  }
  
  @media(max-width:900px){
    .contact-wrapper{grid-template-columns:1fr;}
  } */