/* PADGREF : feuille commune du site (style « Azur » validé sur les maquettes) */
:root {
  --fond: #070B18; --fond2: #0C1328; --carte: rgba(20, 32, 64, .55); --carte-pleine: #111B36; --ligne: rgba(120, 160, 255, .16);
  --texte: #EAF0FF; --doux: #9DADD6; --accent: #4D8DFF; --accent2: #38E1FF; --accent-txt: #04102A;
  --glow: rgba(77, 141, 255, .45); --teinte: #1B3D8F; --ok: #3EE58C; --ko: #FF6B81;
  color-scheme: dark;
}
*{box-sizing:border-box}
body{margin:0;background:var(--fond);color:var(--texte);font-family:'Inter',system-ui,sans-serif;line-height:1.55;overflow-x:hidden}
a{color:var(--accent2)}
h1,h2,h3{font-family:'Sora',sans-serif;line-height:1.12;margin:0;text-wrap:balance}
button,input,select,textarea{font:inherit;color:inherit}
img{max-width:100%}
[hidden]{display:none!important}
.conteneur{max-width:1200px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.verre{background:var(--carte);border:1px solid var(--ligne);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border-radius:14px;font-weight:700;text-decoration:none;font-size:15px;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}
.btn-p{background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--accent-txt);box-shadow:0 10px 34px -8px var(--glow)}
.btn-p:hover{transform:translateY(-2px);color:var(--accent-txt)}
.btn-s{border:1px solid var(--ligne);color:var(--texte);background:var(--carte)}
.btn-s:hover{border-color:var(--accent);color:var(--texte)}
.btn-danger{border:1px solid rgba(255,107,129,.4);color:var(--ko);background:transparent}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.etiquette{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent2)}
.doux{color:var(--doux)}
.degrade{background:linear-gradient(120deg,var(--texte) 20%,var(--accent2) 60%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.orbe{position:absolute;border-radius:50%;filter:blur(90px);opacity:.45;pointer-events:none;z-index:0}
.teinte{position:relative;overflow:hidden}
.teinte::after{content:"";position:absolute;inset:0;background:var(--teinte);mix-blend-mode:color;opacity:.55;pointer-events:none}
.point{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);display:inline-block}
.point.ko{background:var(--ko);box-shadow:0 0 10px var(--ko)}
.point.attente{background:#F5C451;box-shadow:0 0 10px #F5C451}

/* en-tête */
.entete{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb,var(--fond) 72%,transparent);border-bottom:1px solid var(--ligne)}
.entete .conteneur{display:flex;align-items:center;gap:22px;min-height:70px;flex-wrap:wrap}
.entete .marque{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--texte)}
.entete .marque b{font-family:'Sora';font-size:19px;letter-spacing:.05em}
.entete nav{display:flex;gap:4px;flex-wrap:wrap}
.entete nav a{color:var(--doux);text-decoration:none;font-weight:600;padding:8px 12px;border-radius:10px}
.entete nav a:hover,.entete nav a.actif{color:var(--texte);background:var(--carte)}
.entete .droite{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.solde{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--ligne);background:var(--carte);font-weight:700;font-size:14px;color:var(--texte);text-decoration:none}

/* champs et messages */
.champ{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:14px}
.champ input,.champ select{padding:13px 14px;border-radius:12px;border:1px solid var(--ligne);background:var(--fond2);color:var(--texte);outline:none;font-weight:500}
.champ input:focus,.champ select:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}
.champ small{color:var(--doux);font-weight:500}
.champ .err{color:var(--ko);font-style:normal;font-weight:600;font-size:13px;min-height:0}
.champ.ko input{border-color:var(--ko)}
.case{display:flex;align-items:center;gap:10px;font-size:14px}
.case input{width:18px;height:18px;accent-color:var(--accent)}
.message{margin:0;font-size:14px;font-weight:600;min-height:20px}
.message.ok{color:var(--ok)}.message.ko{color:var(--ko)}
.deux{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}

/* titre de page */
.titre-page{position:relative;padding:54px 0 30px}
.titre-page h1{font-size:clamp(32px,4.5vw,52px);margin-top:10px}
.titre-page p{color:var(--doux);margin:10px 0 0;max-width:620px}

/* Mon compte */
.espace{display:flex;flex-wrap:wrap;gap:26px;align-items:flex-start;padding-top:34px}
.menu-compte{flex:1 1 230px;max-width:270px;padding:12px;display:flex;flex-direction:column;gap:3px;position:sticky;top:96px}
.menu-compte a,.menu-compte button{display:flex;align-items:center;gap:12px;color:var(--doux);text-decoration:none;font-weight:600;padding:11px 13px;border-radius:12px;background:none;border:0;cursor:pointer;text-align:left}
.menu-compte a:hover,.menu-compte button:hover{background:var(--carte);color:var(--texte)}
.menu-compte a.actif{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--texte);box-shadow:inset 3px 0 0 var(--accent2)}
.menu-compte hr{border:0;border-top:1px solid var(--ligne);margin:8px 4px}
.contenu-compte{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:20px}
.bloc{padding:24px}
.bloc h2{font-size:20px}
.grille-tuiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.tuile{padding:18px;display:flex;flex-direction:column;gap:6px}
.tuile .lib{display:flex;align-items:center;gap:8px;color:var(--doux);font-size:13px;font-weight:600}
.tuile b{font-family:'Sora';font-size:28px}
@media(max-width:1000px){.menu-compte{position:static;max-width:none}}  /* PADGREF 20/10 : menu au-dessus du contenu → plus collant (il recouvrait la page) */

footer.pied{border-top:1px solid var(--ligne);padding:40px 0 70px;color:var(--doux);font-size:14px;margin-top:60px}
footer.pied .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px}
footer.pied a{color:var(--doux);text-decoration:none;display:block;padding:4px 0}
footer.pied a:hover{color:var(--texte)}

/* apparition au défilement */
.apparait{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.apparait.vu{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.apparait{opacity:1;transform:none;transition:none}*{animation:none!important}}