/* =========================
   VARIABLES DESIGN SYSTEM
========================= */
:root{
  --blue:#1384f5;
  --blue-dark:#10195f;
  --blue-soft:#eaf6ff;

  --yellow:#fabc20;
  --yellow-soft:#f8e6a2;

  --sky:#eaf7ff;
  --pink:#ffe7ef;
  --green:#e9f8ef;

  --text:#111846;
  --muted:#657093;

  --white:#ffffff;
  --border:#b1e2a5;

  --shadow:0 18px 45px rgba(28, 47, 95, 0.281);
  --shadow-soft:0 10px 28px rgba(28, 47, 95, 0.267);

  --container:1220px;
}


/* =========================
   RESET PROPRE
========================= */
*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family:"Inter","Segoe UI",Arial,sans-serif;
  color:var(--text);
  background:#fbfdff;
  line-height:1.6;
  overflow-x:hidden;
}


/* =========================
   BACKGROUND GLOBAL PREMIUM
========================= */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;

  background:
    radial-gradient(circle at 2% 18%, rgba(30, 137, 245, 0.575) 0 120px, transparent 128px),
    radial-gradient(circle at 94% 18%, rgba(30,136,245,.24) 0 150px, transparent 160px),
    radial-gradient(circle at 98% 72%, rgba(255, 200, 61, 0.534) 0 120px, transparent 132px),
    linear-gradient(180deg,#ffffff 0%,#f4fbff 52%,#ffffff 100%);
}


/* =========================
   TYPOGRAPHY
========================= */
h1,h2,h3{
  letter-spacing:-.04em;
  line-height:1.1;
}

h1{
  font-size:clamp(2.8rem,4.5vw,4.8rem);
}

h2{
  font-size:clamp(2rem,3.2vw,3.4rem);
}

h3{
  font-size:1.2rem;
}

p{
  color:var(--muted);
}


/* =========================
   LINKS
========================= */
a{
  text-decoration:none;
  color:inherit;
}


/* =========================
   IMAGES
========================= */
img{
  max-width:100%;
  display:block;
}


/* =========================
   LAYOUT GLOBAL
========================= */
.container{
  width:min(var(--container),calc(100% - 40px));
  margin:auto;
}

.section{
  padding:86px 0;
  position:relative;
}


/* =========================
   UTILS
========================= */
.lead{
  font-size:1.15rem;
  max-width:600px;
}

.text-center{
  text-align:center;
}