/* Styles dédiés à la page d'inscription/connexion */
body.auth-body{
  min-height:100vh;
  background:linear-gradient(150deg,#091523,#1A2744 55%,#1e3d5f);
  display:grid;place-items:center;padding:20px;
}
.auth-box{background:#fff;border-radius:20px;max-width:460px;width:100%;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.35)}
.auth-head{background:var(--marine);padding:24px}
.auth-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}
.auth-logo img{width:42px;height:42px;border-radius:50%}
.auth-logo .s{font-family:'Dancing Script',cursive;font-size:24px;color:#fff}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.12);border-radius:8px;overflow:hidden}
.auth-tab{
  padding:12px;text-align:center;color:rgba(255,255,255,.82);cursor:pointer;
  font-weight:600;letter-spacing:.02em;border:0;background:transparent;transition:all .2s
}
.auth-tab:hover{background:rgba(255,255,255,.12);color:#fff}
.auth-tab.active{
  background:var(--or);color:var(--marine);font-weight:700;
  box-shadow:inset 0 -2px 0 rgba(26,39,68,.25)
}
.auth-body-inner{padding:24px}
.auth-pane{display:none}
.auth-pane.active{display:block}
.fg{margin-bottom:12px}
.fg label{display:block;font-size:11px;font-weight:600;margin-bottom:4px;color:var(--marine)}
.fg input{width:100%;padding:10px 12px;border:1.5px solid #ddd;border-radius:8px}
.fg input:focus{outline:none;border-color:var(--or)}
.back-link{display:inline-block;margin-top:12px;font-size:13px;color:var(--or)}

/* Boutons principaux plus visibles */
.auth-pane .btn{
  width:100%;justify-content:center;margin-top:8px;
  padding:13px 18px;font-size:15px;font-weight:700;
  box-shadow:0 8px 20px rgba(232,168,32,.35)
}