/* DataSAI - Fenêtres du site (connexion, inscription, séance gratuite, paiement) :
   mêmes polices et même or que les pages refaites. Les couleurs propres à chaque formule de bootcamp sont gardées. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&family=Instrument+Serif:ital@0;1&display=swap');

html body .modal-overlay, html body .pay-overlay { background: rgba(5,9,20,.72) !important; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
html body .modal-overlay .modal-box, html body .pay-overlay .pay-box {
  font-family: 'Inter', system-ui, sans-serif !important; border-radius: 24px !important; color: #fff;
  background: radial-gradient(70% 55% at 100% 0%, rgba(231,217,182,.14), transparent 60%), linear-gradient(165deg, #16233f 0%, #0b142a 48%, #060a16 100%) !important;
  border: 1px solid rgba(231,217,182,.28) !important; box-shadow: 0 40px 80px rgba(0,0,0,.5) !important; }

/* Titres et sous-titres */
html body .modal-box .modal-title, html body .pay-box .pay-title {
  font-family: 'Instrument Serif', Georgia, serif !important; font-weight: 400 !important; font-size: clamp(30px, 3.4vw, 38px) !important;
  line-height: 1.05 !important; letter-spacing: 0 !important; color: #fff !important; }
html body .modal-box .modal-sub, html body .pay-box .pay-sub { font-family: 'Inter', sans-serif !important; color: rgba(226,232,240,.72) !important; }

/* Onglets Connexion / Inscription */
html body .modal-box .modal-tab { font-family: 'IBM Plex Mono', monospace !important; font-size: 12.5px !important; font-weight: 600 !important; letter-spacing: .1em !important; color: rgba(226,232,240,.55) !important; }
html body .modal-box .modal-tab.active { color: #e7d9b6 !important; border-color: #e2bf86 !important; box-shadow: inset 0 -2px 0 #e2bf86; }

/* Champs */
html body .modal-box .form-label, html body .modal-box .ds-rf label, html body .modal-box .form-group > label {
  font-family: 'IBM Plex Mono', monospace !important; font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: .08em; color: #e7d9b6 !important; }
html body .modal-box .ds-rf-terms, html body .modal-box .ds-rf-terms label, html body .modal-box .form-terms, html body .modal-box .form-terms label, html body .modal-box .reg-check, html body .modal-box .reg-check label {
  font-family: 'Inter', sans-serif !important; font-size: 13px !important; letter-spacing: 0; font-weight: 400 !important; color: rgba(226,232,240,.72) !important; }
html body .modal-box input[type="text"], html body .modal-box input[type="email"], html body .modal-box input[type="password"], html body .modal-box input[type="tel"],
html body .modal-box select, html body .modal-box textarea, html body .modal-box .form-input, html body .pay-box input[type="text"] {
  font-family: 'Inter', sans-serif !important; border-radius: 12px !important; background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(231,217,182,.2) !important; color: #fff !important; }
html body .modal-box select option { color: #0b1220; }
html body .modal-box input:focus, html body .modal-box select:focus, html body .modal-box textarea:focus, html body .pay-box input:focus {
  border-color: #e2bf86 !important; box-shadow: 0 0 0 3px rgba(226,191,134,.18) !important; outline: none; }
html body .modal-box input[type="checkbox"], html body .modal-box input[type="radio"] { accent-color: #c9a86a; }

/* Boutons principaux : la pilule dorée du site */
html body .modal-box .form-submit, html body .modal-box .ds-rf-submit, html body .modal-box .tier-next-btn, html body .modal-box button[type="submit"] {
  font-family: 'Inter', sans-serif !important; font-weight: 700 !important; font-size: 16px !important; letter-spacing: 0 !important; text-transform: none !important;
  border-radius: 999px !important; border: 0 !important; color: #1a1206 !important;
  background: linear-gradient(180deg, #f2e4ca 0%, #e7d9b6 40%, #c9a86a 100%) !important; box-shadow: 0 12px 30px rgba(201,150,63,.3) !important; }
html body .modal-box .form-submit:hover, html body .modal-box .ds-rf-submit:hover, html body .modal-box .tier-next-btn:hover, html body .modal-box button[type="submit"]:hover { filter: brightness(1.04); transform: translateY(-1px); }
html body .modal-box .form-submit:disabled, html body .modal-box .tier-next-btn:disabled { opacity: .55; transform: none; }
html body .modal-box .modal-close, html body .pay-box .pay-close { border-radius: 50% !important; color: #fff !important; }
html body .modal-box .resend-link, html body .modal-box a:not(.form-submit):not(.tier-next-btn) { color: #8fd6ff !important; }

/* Formules des bootcamps et du mentorat : polices du site, couleurs de chaque formule conservées */
html body .modal-box .tier-card { font-family: 'Inter', sans-serif !important; border-radius: 18px !important; }
html body .modal-box .tier-card-label { font-family: 'IBM Plex Mono', monospace !important; letter-spacing: .1em; }
html body .modal-box .tier-card-amount, html body .modal-box .reg-selected-price {
  font-family: 'Instrument Serif', Georgia, serif !important; font-weight: 400 !important; font-size: 34px !important; line-height: 1 !important; }
html body .modal-box .tier-card-after, html body .modal-box .tier-card-after * { font-family: 'Inter', sans-serif !important; }
html body .modal-box .tier-card h3, html body .modal-box .tier-card h4, html body .modal-box .reg-selected-tier {
  font-family: 'Instrument Serif', Georgia, serif !important; font-weight: 400 !important; font-size: 23px !important; line-height: 1.15 !important; }

/* Fenêtre de paiement de l'espace étudiant */
html body .pay-box .pay-option { border-radius: 16px !important; border: 1px solid rgba(231,217,182,.2) !important; background: rgba(255,255,255,.04) !important; }
html body .pay-box .pay-option:hover { border-color: #e2bf86 !important; }
html body .pay-box .pay-option-label { font-family: 'Inter', sans-serif !important; font-weight: 700 !important; color: #fff !important; }
html body .pay-box .pay-option-desc, html body .pay-box .pay-rib-note { font-family: 'Inter', sans-serif !important; color: rgba(226,232,240,.7) !important; }
html body .pay-box .pay-rib-title, html body .pay-box .pay-rib-label { font-family: 'IBM Plex Mono', monospace !important; color: #e7d9b6 !important; letter-spacing: .06em; }

/* Panneau des avis de la page Académie */
html body .reviews-overlay { background: rgba(5,9,20,.72) !important; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
html body .reviews-panel { font-family: 'Inter', system-ui, sans-serif !important; border-radius: 24px !important;
  background: radial-gradient(70% 55% at 100% 0%, rgba(231,217,182,.14), transparent 60%), linear-gradient(165deg, #16233f 0%, #0b142a 48%, #060a16 100%) !important;
  border: 1px solid rgba(231,217,182,.28) !important; box-shadow: 0 40px 80px rgba(0,0,0,.5) !important; }
html body .reviews-panel-header { border-bottom-color: rgba(231,217,182,.14) !important; }
html body .reviews-panel-title { font-family: 'Instrument Serif', Georgia, serif !important; font-weight: 400 !important; font-size: 30px !important; }
html body .reviews-panel-close { color: #fff !important; }