/* Université NIDABA : les couleurs et polices de l'univers NIDABA (Club Cocon, Cosmic Roller Club) */
@font-face { font-family: Borel; src: url(Borel-Regular.ttf) format("truetype"); font-display: swap; }
:root {
  --fond: #F5F3FF;
  --rose: #FF4FA3;
  --rosepale: #FFE3EF;
  --rosebonbon: #FFC4DF;
  --lilas: #E4E1FF;
  --lavande: #B9B5F4;
  --violet: #8F89F0;
  --mauve: #C9B8FF;
  --menthe: #D6F7E8;
  --mentheforte: #A8E6CF;
  --or: #FFE59A;
  --jaune: #FFE08A;
  --creme: #FBF4F1;
  --blanc: #ffffff;
  --noir: #080808;
  --doux: #5b5468;
}
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; color: var(--noir); font: 500 15.5px/1.6 Montserrat, Arial, sans-serif; overflow-x: hidden; min-height: 100vh;
  background-color: var(--creme);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cpath d='M28 22l2.2 5.8L36 30l-5.8 2.2L28 38l-2.2-5.8L20 30l5.8-2.2z' fill='%23B9B5F4' fill-opacity='.22'/%3E%3Cpath d='M118 96c-2.6-3.2-7.5-1.4-7.5 2.6 0 3.6 4.2 6 7.5 8.6 3.3-2.6 7.5-5 7.5-8.6 0-4-4.9-5.8-7.5-2.6z' fill='%23FFC4DF' fill-opacity='.28'/%3E%3Ccircle cx='86' cy='30' r='2' fill='%23A8E6CF' fill-opacity='.35'/%3E%3Ccircle cx='40' cy='120' r='1.6' fill='%23FFE08A' fill-opacity='.45'/%3E%3Cpath d='M140 146l1.3 3.4 3.4 1.3-3.4 1.3-1.3 3.4-1.3-3.4-3.4-1.3 3.4-1.3z' fill='%23FFE08A' fill-opacity='.45'/%3E%3C/svg%3E");
}
h1, h2, h3 { font-family: Fraunces, Georgia, serif; font-weight: 600; line-height: 1.15; margin: 0; }
.main { font-family: Borel, cursive; font-weight: 400; line-height: 1.5; }
.wrap { max-width: 600px; margin: 0 auto; padding: 16px 16px 60px; }
.entete { display: flex; justify-content: space-between; align-items: center; padding: 6px 0 14px; }
.entete img { height: 26px; width: auto; display: block; }
.badge {
  display: inline-block; background: var(--or); border: 2px solid var(--noir); border-radius: 999px;
  padding: 4px 14px; font-weight: 900; font-size: 12px; letter-spacing: .05em; text-transform: uppercase;
}
.cta {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--rose); color: #fff; text-decoration: none; border: 2.5px solid var(--noir);
  box-shadow: 4px 5px 0 var(--noir); border-radius: 999px; padding: 13px 24px;
  font: 900 14.5px/1.2 Montserrat, Arial, sans-serif; letter-spacing: .04em; text-transform: uppercase;
  cursor: pointer; transition: transform .12s, box-shadow .12s;
}
.cta:hover { transform: translate(-2px, -2px); box-shadow: 6px 7px 0 var(--noir); }
.cta:active { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--noir); }
.cta.blanc { background: #fff; color: var(--noir); }
.carte {
  background: var(--blanc); border-radius: 24px; padding: 18px 16px;
  box-shadow: 0 8px 22px rgba(120, 60, 160, .08);
}
.centre { text-align: center; }
.pied { text-align: center; margin-top: 34px; font-size: 12px; color: var(--doux); }
.pied img { height: 20px; width: auto; opacity: .85; }
.pied a { color: var(--noir); font-weight: 700; }