/* === Variables public === */
:root {
  --c1_home:#2563eb;
  --c1-light_home:#dbeafe;
  --c1-dark_home:#1e40af;
  --gray_home:#6b7280;
  --bg_home:#fafafa;
}
/* Background + fonts */
body.public-page{background:var(--bg_home);margin:0;font-family:'Inter',sans-serif;}
/*.bg-wow_home{position:fixed;inset:0;background:linear-gradient(135deg,#eef2ff,#fafafa 40%,#e0ecff);z-index:-1;}*/
.bg-wow_home {
  position: fixed;
  inset: 0;
  background: linear-gradient(
    135deg,
    #dbe4ff 0%,     /* bleu clair vif */
    #fef9f3 35%,    /* blanc chaud lumineux */
    #bcd2ff 100%    /* bleu azur plus marqué */
  );
  z-index: -1;
}
/* Hero */
.hero_home{text-align:center;margin-top:30px;padding:0 20px;}
.big-title_home{
  margin-top:20px;
  font-size:38px;
  font-weight:700;
  line-height:1.2;
  color:#1e293b; /* gris bleuté foncé au lieu de noir */
}
.tagline_home{margin-top:8px;color:var(--gray_home);font-size:17px;}

/* Card */
.card_home{background:#fff;border-radius:20px;padding:30px;box-shadow:0 30px 60px rgba(0,0,0,.08);margin:40px auto;width:95%;max-width:900px;position:relative;overflow:hidden;}
.blob_home{position:absolute;top:-80px;right:-80px;width:200px;height:200px;background:#c7d2fe;opacity:.4;border-radius:50%;filter:blur(60px);pointer-events: none;}

/* Tabs + forms */
.tabs_home{display:flex;gap:2px;background:var(--c1-light_home);padding:4px;border-radius:12px;}
.tab_home{flex:1;text-align:center;padding:12px 0;border-radius:10px;font-weight:600;cursor:pointer;}
.tab_home.active{background:white;color:var(--c1_home);box-shadow:0 3px 8px rgba(0,0,0,.06);}
form{display:flex;flex-direction:column;gap:15px;margin-top:28px;}
input[type=email],input[type=password],input[type=text]{width:100%;padding:13px;border-radius:8px;border:1px solid #d1d5db;font-size:15px;}
button{width:100%;background:var(--c1_home);color:#fff;border:none;padding:14px;border-radius:8px;font-weight:600;cursor:pointer;}

/* Links and features */
.links-row_home{display:flex;justify-content:space-between;font-size:13px;margin-top:6px;}
.links-row_home a{color:var(--c1_home);text-decoration:none;}
/* Features */
.features_home{
  margin-top:35px;
  display:grid;
  gap:15px;
  grid-template-columns:repeat(3, 1fr);  /* 3 colonnes par défaut (desktop) */
}

.features_home div{
  background:#fff;
  border:1px solid #f1f5f9;
  padding:15px;
  border-radius:15px;
  text-align:center;
  font-size:14px;
  color:#334155;
  box-shadow:0 8px 16px rgba(0,0,0,.05);
}

/* Responsive mobile */
@media(max-width:640px){
  .features_home{
    grid-template-columns:1fr;  /* 1 seule colonne */
  }
}

.pedago_home{
  margin-top:30px;
  margin-bottom:15px;
  font-size:18px;
  font-weight:500;
  color:#1e293b; /* bleu nuit lisible */
  text-align:center;
}
/* Footer */
.footer_home{text-align:center;color:var(--gray_home);margin:40px 0 10px;font-size:13px;}

/* Responsive */
@media(max-width:640px){
  .big-title_home{font-size:30px;}
  .tagline_home{font-size:15px;}

  .card_home{padding:22px;}
}


/* Bouton CTA marketing */
.cta-btn {
  display: inline-block;
  background-color: #2563eb;
  color: #fff !important;
  padding: 14px 28px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(37,99,235,.25);
  transition: transform .1s ease, box-shadow .2s ease;
}

.cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(37,99,235,.35);
}

.link-marketing {
  text-align: center;
  margin: 20px 0;
}
.link-marketing a {
  font-size: 15px;
  color: #2563EB;
  text-decoration: none;
  font-weight: 600;
  position: relative;
  display: inline-block;
  transition: color .2s ease;
}
.link-marketing a span {
  display: inline-block;
  transition: transform .2s;
}
.link-marketing a:hover span {
  transform: translateX(3px);
}


.auth_illustration{
  width: 98%;            /* même largeur que .card_home */
  max-width: 900px;      /* idem */
  margin: 0 auto 20px;   /* centré, avec espace sous l’image */
  margin-top:30px;
  border-radius: 20px;   /* cohérent avec la card */
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0,0,0,.06);
  background:#f3f4f6;
}
.auth_illustration img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/*.page { background:transparent!important; box-shadow:none!important; }*/
.page { background:transparent!important; box-shadow:none!important; }
.cta-btn {
  display:inline-block;background:#2563eb;color:#fff!important;padding:14px 32px;border-radius:8px;
  text-decoration:none;font-weight:700;letter-spacing:.4px;
  box-shadow:0 4px 12px rgba(37,99,235,.25);
  transition:transform .1s ease,box-shadow .2s ease;
}
.cta-btn:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(37,99,235,.35); }

.page-editoriale h2 { border-left:4px solid #2563eb; padding-left:12px;  }
.page-editoriale ul { margin-left:1.2rem; line-height:1.6; }