:root{--terracotta:#c1622f;--terracotta-dark:#a34e23;--ocre:#d9a441;--sauge:#8a9a72;--sauge-dark:#6f7f5a;--creme:#faf3e8;--creme-carte:#fff;--texte:#3a2e26;--texte-doux:#6b5c4f;--bordure:#e6d8c3;--font-titre:"Fraunces", Georgia, serif;--font-corps:"Atkinson Hyperlegible", system-ui, sans-serif;--rayon:20px;--rayon-grand:28px;--ombre:0 4px 16px #3a2e2614;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{background:var(--creme);color:var(--texte);font-family:var(--font-corps);-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{font-family:var(--font-titre);color:var(--texte);font-weight:500;line-height:1.25}button{font-family:var(--font-corps)}a{color:var(--terracotta-dark)}.marque-passthread{width:auto;max-width:100%;display:block}.connexion-hero{z-index:40;position:fixed;inset:0}.connexion-hero .stage{width:100%;height:100vh;color:var(--espresso);background:var(--espresso);flex-direction:column;align-items:center;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}.connexion-hero{--cream:#fbf3e4;--terracotta:#c1552e;--terracotta-deep:#9c401f;--ochre:#e0a63d;--gold:#f4c767;--sage:#7e9364;--espresso:#2e2015;--espresso-soft:#4a3323;--card-bg:#fffaf0db}.connexion-hero .scene-wrap{z-index:0;position:absolute;inset:0;overflow:hidden}.connexion-hero .scene{animation:40s ease-in-out infinite alternate az-kenburns;position:absolute;inset:-6%}.connexion-hero .scene svg{width:100%;height:100%;display:block}@keyframes az-kenburns{0%{transform:scale(1)translate(0)}to{transform:scale(1.09)translate(-1.4%,.8%)}}.connexion-hero .rays{transform-origin:780px 60px;animation:9s ease-in-out infinite alternate az-sway}@keyframes az-sway{0%{opacity:.55;transform:rotate(-1.2deg)}to{opacity:.85;transform:rotate(1.2deg)}}.connexion-hero .glow-orb{transform-origin:50%;animation:2.6s ease-in-out infinite az-pulse-orb}@keyframes az-pulse-orb{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.connexion-hero .grain{z-index:1;opacity:.045;mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}.connexion-hero .scrim-top{z-index:2;pointer-events:none;background:linear-gradient(#2e201559,#2e201500);height:220px;position:absolute;top:0;left:0;right:0}.connexion-hero .scrim-bottom{z-index:2;background:linear-gradient(to bottom, #fbf3e400 0%, #fbf3e48c 40%, #fbf3e4f0 76%, var(--cream) 100%);pointer-events:none;height:64%;position:absolute;bottom:0;left:0;right:0}.connexion-hero .embers{z-index:3;pointer-events:none;position:absolute;inset:0}.connexion-hero .ember{opacity:0;border-radius:50%;animation-name:az-rise;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;bottom:-20px}.connexion-hero .ember.spark{background:radial-gradient(circle, var(--gold) 0%, #f4c76700 70%)}.connexion-hero .ember.bubble{filter:blur(1.5px);mix-blend-mode:screen}@keyframes az-rise{0%{opacity:0;transform:translate(0)scale(.5)}10%{opacity:var(--peak-op,.9)}50%{transform:translate(var(--drift,20px), -55vh) scale(1)}88%{opacity:calc(var(--peak-op,.9) * .5)}to{transform:translate(calc(var(--drift,20px) * 1.7), -100vh) scale(1.05);opacity:0}}.connexion-hero .topbar{z-index:10;opacity:0;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:30px 40px 0;animation:.9s ease-out .15s forwards az-fade-down;display:flex;position:relative}.connexion-hero .logo{color:#fff;letter-spacing:1px;text-shadow:0 2px 10px #00000059;align-items:center;gap:9px;font-family:Fraunces,serif;font-size:27px;font-weight:700;display:flex}.connexion-hero .logo .spark{background:var(--gold);border-radius:50%;width:9px;height:9px;animation:2.3s ease-in-out infinite az-pulse-spark;box-shadow:0 0 12px 4px #f4c767cc}@keyframes az-pulse-spark{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.connexion-hero .nav-pills{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff38;border:1px solid #ffffff59;border-radius:999px;gap:4px;padding:6px;display:flex}.connexion-hero .nav-pills a{color:#fff;border-radius:999px;padding:10px 20px;font-size:14.5px;font-weight:700;text-decoration:none;transition:background .25s}.connexion-hero .nav-pills a:hover{background:var(--terracotta)}.connexion-hero .content{z-index:10;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:640px;margin-top:auto;padding:8vh 24px 70px;display:flex;position:relative}.connexion-hero h1{color:var(--espresso);opacity:0;margin:0 0 14px;font-family:Fraunces,serif;font-size:48px;font-style:italic;font-weight:700;animation:.9s ease-out .9s forwards az-fade-up}.connexion-hero .stitch-divider{opacity:0;width:90px;height:10px;margin:0 auto 20px;animation:.9s ease-out 1.05s forwards az-fade-up;display:block}.connexion-hero .subtitle{color:var(--espresso-soft);opacity:0;max-width:460px;margin:0 auto 32px;font-size:17px;line-height:1.6;transition:opacity .25s;animation:.9s ease-out 1.15s forwards az-fade-up}.connexion-hero .card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border:1px solid #c1552e2e;border-radius:22px;width:100%;max-width:440px;padding:30px 34px;animation:.9s ease-out 1.3s forwards az-fade-up;box-shadow:0 24px 55px -20px #2e201559,0 2px 6px #2e201514}.connexion-hero .panel{transition:opacity .28s,transform .28s,max-height .4s cubic-bezier(.4,0,.2,1),margin .3s;overflow:hidden}.connexion-hero .panel.hidden{opacity:0;pointer-events:none;max-height:0;margin:0;transform:translateY(-6px)scale(.98)}.connexion-hero .panel.visible{opacity:1;max-height:600px;transform:translateY(0)scale(1)}.connexion-hero #panel-collapsed{flex-direction:column;gap:12px;display:flex}.connexion-hero .btn{letter-spacing:.3px;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;padding:16px;font-family:Nunito,sans-serif;font-size:16px;font-weight:900;transition:transform .2s,box-shadow .3s,background .2s;display:flex}.connexion-hero .btn-primary{background:linear-gradient(135deg, var(--terracotta) 0%, var(--terracotta-deep) 100%);color:#fff;box-shadow:0 10px 24px -8px #9c401f8c}.connexion-hero .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px #9c401fb8}.connexion-hero .btn-secondary{color:var(--terracotta-deep);background:0 0;border:1.5px solid #c1552e73}.connexion-hero .btn-secondary:hover{background:#c1552e14}.connexion-hero .btn:active{transform:translateY(0)scale(.98)}.connexion-hero .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.connexion-hero .btn svg{width:15px;height:15px}.connexion-hero .field{text-align:left;margin-bottom:16px}.connexion-hero .field:first-child{margin-top:2px}.connexion-hero .field label{margin-bottom:7px;font-size:13.5px;font-weight:800;display:block}.connexion-hero .field input{width:100%;color:var(--espresso);background:#fff;border:1.5px solid #c1552e40;border-radius:12px;outline:none;padding:13px 15px;font-family:Nunito,sans-serif;font-size:15px;transition:border-color .25s,box-shadow .25s}.connexion-hero .field input:focus{border-color:var(--terracotta);box-shadow:0 0 0 4px #c1552e24}.connexion-hero .message{text-align:left;margin:-4px 0 16px;font-size:14px;font-weight:700}.connexion-hero .message-erreur{color:var(--terracotta-deep)}.connexion-hero .message-info{color:var(--sage)}.connexion-hero .back-link{text-align:center;width:100%;color:var(--espresso-soft);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:14px;font-size:13.5px;font-weight:700;text-decoration:underline;display:block}@keyframes az-fade-down{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes az-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.connexion-hero h1{font-size:36px}.connexion-hero .topbar{padding:20px 18px 0}.connexion-hero .content{padding-top:4vh}}@media (prefers-reduced-motion:reduce){.connexion-hero *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.entete{z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;position:relative}.marque{font-family:var(--font-titre);color:var(--terracotta-dark);font-size:28px;font-weight:600;text-decoration:none}.nav-pilule{background:var(--creme-carte);box-shadow:var(--ombre);border-radius:999px;gap:6px;padding:6px;display:flex}.nav-pilule a{color:var(--texte-doux);border-radius:999px;padding:10px 20px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s,color .2s}.nav-pilule a.active{background:var(--terracotta);color:#fff}.contenu{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:640px;margin:0 auto;padding:8px 20px 40px;display:flex}.page{text-align:center;flex-direction:column;align-items:center;gap:24px;padding-top:16px;display:flex}.page-large-titre{margin:0;font-size:34px}.page-soustitre{color:var(--texte-doux);max-width:480px;margin:0;font-size:20px}.carte{background:var(--creme-carte);border-radius:var(--rayon-grand);box-shadow:var(--ombre);box-sizing:border-box;text-align:left;width:100%;padding:28px}.bouton{cursor:pointer;text-align:center;box-shadow:var(--ombre);border:none;border-radius:999px;padding:18px 36px;font-size:20px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.bouton:active{transform:scale(.98)}.bouton-principal{background:var(--terracotta);color:#fff}.bouton-principal:hover{background:var(--terracotta-dark)}.bouton-secondaire{background:var(--sauge);color:#fff}.bouton-secondaire:hover{background:var(--sauge-dark)}.bouton-discret{color:var(--texte-doux);box-shadow:none;border:2px solid var(--bordure);background:0 0}.bouton:disabled{opacity:.5;cursor:not-allowed}.bouton-large{width:100%;padding:24px;font-size:22px}.champ{border:2px solid var(--bordure);width:100%;font-size:18px;font-family:var(--font-corps);color:var(--texte);background:#fff;border-radius:14px;padding:14px 18px}.champ:focus{border-color:var(--terracotta);outline:none}.etiquette{margin-bottom:6px;font-weight:700;display:block}.pastille{border-radius:999px;padding:4px 14px;font-size:14px;font-weight:700;display:inline-block}.pastille-termine{color:var(--sauge-dark);background:#8a9a7233}.pastille-brouillon{color:var(--ocre);background:#d9a44133}.choix-grille{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}@media (width<=560px){.choix-grille{grid-template-columns:1fr}}.carte-choix{background:var(--creme-carte);border:3px solid var(--bordure);border-radius:var(--rayon-grand);text-align:left;cursor:pointer;padding:24px;transition:border-color .2s,transform .15s}.carte-choix:active{transform:scale(.98)}.carte-choix h3{margin:0 0 8px;font-size:20px}.carte-choix p{color:var(--texte-doux);margin:0}.carte-choix-active{border-color:var(--terracotta)}