:root{--charbon:#16181d;--panneau:#1d2026;--bordure:#2c3038;--bordure-forte:#3a3f4a;--orange:#d85a30;--orange-vif:#e8703f;--orange-accent:#f0997b;--texte:#ece9e4;--texte-doux:#a9adb6;--texte-faible:#8b909a;--succes:#6fcf97;--rayon:2px;--serif:"Iowan Old Style", "Palatino Linotype", "Georgia", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{background:var(--charbon);min-height:100vh;color:var(--texte);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}#app{max-width:880px;margin:0 auto;padding:0 24px 64px}.bandeau{border-bottom:1px solid var(--bordure);justify-content:space-between;align-items:center;margin-bottom:48px;padding:24px 0;display:flex}.marque{letter-spacing:.12em;font-size:15px;font-weight:700}.marque-fort{color:var(--orange)}.micro-label{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600}.scene{position:relative}.etat{animation:.25s both apparition}.etat[hidden]{display:none}.etat:focus{outline:none}@keyframes apparition{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.etat{animation:none}.barre-remplissage{transition:none}}.signature{color:var(--orange-accent);letter-spacing:.02em;margin:0 0 12px;font-size:13px}.titre{font-family:var(--serif);margin:0 0 16px;font-size:clamp(2.2rem,6vw,3.4rem);font-weight:600;line-height:1.05}.titre-fort{color:var(--orange)}.serment{font-family:var(--serif);color:var(--texte);max-width:38ch;margin:0 0 20px;font-size:clamp(1.2rem,2.6vw,1.6rem);font-style:italic;line-height:1.4}.serment-cle{color:var(--orange-accent)}.sous-titre{color:var(--texte-doux);max-width:52ch;margin:0 0 36px;font-size:16px}#formulaire-depot{flex-direction:column;gap:20px;max-width:560px;display:flex}.champ{flex-direction:column;gap:8px;display:flex}.champ .micro-label{color:var(--texte-doux)}select{appearance:none;background-color:var(--panneau);color:var(--texte);border:1px solid var(--bordure-forte);border-radius:var(--rayon);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23a9adb6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding:12px 38px 12px 14px;font-family:inherit;font-size:15px}select:focus-visible,.zone-depot:focus-visible,.btn:focus-visible{outline:2px solid var(--orange-accent);outline-offset:2px}.zone-depot{background:var(--panneau);border:1.5px dashed var(--bordure-forte);border-radius:var(--rayon);text-align:center;cursor:pointer;padding:32px 24px;transition:border-color .15s,background .15s}.zone-depot--survol{border-color:var(--orange);background:#21242c}.zone-depot-titre{margin:0 0 4px;font-size:16px}.zone-depot-ou{color:var(--texte-faible);margin:8px 0 14px;font-size:13px}.fichier-choisi{color:var(--succes);word-break:break-all;margin:16px 0 0;font-size:14px}.erreur-client{color:var(--orange-accent);margin:0;font-size:14px}.confidentialite{color:var(--texte-faible);max-width:60ch;margin:28px 0 0;font-size:13px}.btn{border-radius:var(--rayon);cursor:pointer;border:1px solid #0000;padding:12px 22px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.btn-principal{background:var(--orange);color:#1a1206;border-color:var(--orange)}.btn-principal:hover:not(:disabled){background:var(--orange-vif)}.btn-principal:disabled{color:#8a7a70;cursor:not-allowed;background:#44342c;border-color:#44342c}.btn-large{align-self:flex-start;padding:14px 32px;font-size:16px}.btn-secondaire{color:var(--texte);border-color:var(--bordure-forte);background:0 0}.btn-secondaire:hover{border-color:var(--orange);color:var(--orange-accent)}#etat-attente{text-align:center;padding-top:24px}.slot-animation{min-height:150px;margin:12px auto 32px}.titre-attente{font-family:var(--serif);margin:0 0 8px;font-size:1.9rem;font-weight:600}.attente-message{color:var(--texte-doux);margin:0 0 32px}.etapes{flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 24px;padding:0;list-style:none;display:flex}.etape{color:var(--texte-faible);border:1px solid var(--bordure);border-radius:var(--rayon);padding:8px 16px;font-size:13px;transition:color .2s,border-color .2s,background .2s}.etape--active{color:#1a1206;background:var(--orange);border-color:var(--orange);font-weight:600}.barre{background:var(--panneau);border:1px solid var(--bordure);border-radius:var(--rayon);max-width:520px;height:8px;margin:0 auto;overflow:hidden}.barre-remplissage{background:linear-gradient(90deg, var(--orange), var(--orange-accent));width:0;height:100%;transition:width .6s}.compte-rebours{color:var(--texte-faible);min-height:1.2em;margin:14px 0 0;font-size:13px}.resultat-barre{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.resultat-barre .signature{margin:0}.cadre-resultat{border:1px solid var(--bordure-forte);border-radius:var(--rayon);background:#fff;width:100%;height:72vh}.bloc-erreur{background:var(--panneau);border:1px solid var(--bordure-forte);border-left:3px solid var(--orange);border-radius:var(--rayon);max-width:560px;padding:28px}.erreur-titre{margin:0 0 10px;font-size:18px;font-weight:700}.erreur-message{color:var(--texte-doux);margin:0 0 22px}.anim-scanner{width:120px;height:150px;margin:0 auto;position:relative}.anim-page{background:#1d2026;border:1px solid #2c3038;border-radius:2px;flex-direction:column;gap:14px;padding:22px 18px;display:flex;position:absolute;inset:0;box-shadow:0 8px 24px #00000059}.anim-ligne{background:#2c3038;border-radius:2px;height:6px}.anim-ligne.courte{width:55%}.anim-faisceau{background:linear-gradient(90deg,#0000,#d85a30,#0000);height:3px;animation:2.2s ease-in-out infinite anim-balayage;position:absolute;left:-2px;right:-2px;box-shadow:0 0 12px 2px #d85a3099}@keyframes anim-balayage{0%{opacity:0;top:6%}15%{opacity:1}85%{opacity:1}to{opacity:0;top:94%}}@media (prefers-reduced-motion:reduce){.anim-faisceau{animation:none;top:50%}}