:root{
      --primary:#1B4FA8;
      --primary-pale:#EBF1FB;
      --dark:#0A0F1E;
      --dark-blue:#0A1628;
      --bg:#F8FAFF;
      --bg-2:#EDF2FA;
      --white:#FFFFFF;
      --text:#0D1420;
      --muted:#4A5568;
      --border:rgba(27,79,168,0.12);
      --shadow:0 20px 60px rgba(10,15,30,0.12);
      --font-display:'Playfair Display', serif;
      --font-body:'DM Sans', sans-serif;
    }

    *{margin:0;padding:0;box-sizing:border-box}
    html{
      scroll-behavior:smooth;
      overflow-x:clip;
      width:100%;
      scroll-padding-top:5.5rem;
    }

    section[id],
    .section[id]{
      scroll-margin-top:5.5rem;
    }
    body{
      font-family:var(--font-body);
      background:var(--bg);
      color:var(--text);
      overflow-x:clip;
      width:100%;
      max-width:100%;
    }
    a{text-decoration:none;color:inherit}
    button{font-family:inherit}
    .container{
      width:min(1180px,92%);
      max-width:100%;
      margin:auto;
    }

    @media (max-width:640px){
      .container{
        width:100%;
        padding-inline:1.15rem;
      }
    }