.eci-wrap, .eci-wrap * { font-family:'Fredoka',sans-serif !important; }
.eci-wrap { max-width:480px; margin:40px auto; padding:0 20px; }

.eci-card { background:#fff; border-radius:20px; padding:35px; box-shadow:0 10px 30px rgba(0,0,0,0.12); border:2px solid #f0f0f0; }

.eci-steps { display:flex; align-items:center; justify-content:center; gap:8px; margin-bottom:30px; }
.eci-step { width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.85em; font-weight:700; transition:.3s; }
.eci-step.active   { background:#0073aa; color:#fff; box-shadow:0 3px 10px rgba(0,115,170,0.4); }
.eci-step.done     { background:#28a745; color:#fff; }
.eci-step.inactive { background:#f0f0f0; color:#aaa; }
.eci-step-line { flex:1; height:2px; background:#f0f0f0; max-width:60px; }
.eci-step-line.done { background:#28a745; }

.eci-card h2 { text-align:center; color:#0073aa; font-size:1.5em; margin:0 0 8px; }
.eci-card .eci-subtitle { text-align:center; color:#888; font-size:.9em; margin:0 0 25px; }

.eci-input { width:100%; padding:12px 15px; margin:6px 0 15px; border-radius:8px; border:2px solid #e0e0e0; box-sizing:border-box; font-size:1em; font-family:'Fredoka',sans-serif; transition:.2s; text-align:center; letter-spacing:2px; text-transform:uppercase; }
.eci-input:focus { border-color:#0073aa; outline:none; }
.eci-input.normal { letter-spacing:normal; text-transform:none; text-align:left; }

.eci-btn { width:100%; padding:13px; border:none; border-radius:10px; cursor:pointer; font-weight:700; color:#fff; font-size:1.05em; transition:.2s; font-family:'Fredoka',sans-serif; }
.eci-btn:hover { opacity:.9; transform:translateY(-1px); }
.eci-btn-blue  { background:linear-gradient(135deg,#0073aa,#004d80); }
.eci-btn-green { background:linear-gradient(135deg,#28a745,#1e7e34); }

.eci-error { background:#fdecea; color:#c0392b; padding:10px 14px; border-radius:8px; margin-bottom:15px; font-size:.9em; }

.eci-code-valide { background:#d4edda; color:#155724; border:2px solid #28a745; border-radius:10px; padding:12px 15px; margin-bottom:20px; text-align:center; font-weight:700; }
.eci-code-valide span { display:block; font-size:1.3em; letter-spacing:3px; margin-top:4px; color:#0073aa; }

.eci-pseudo-info { background:#e8f5e9; border:1px solid #a5d6a7; border-radius:8px; padding:10px 12px; margin:0 0 15px; font-size:.85em; color:#2e7d32; }

.eci-back { display:block; text-align:center; margin-top:15px; color:#0073aa; font-size:.88em; cursor:pointer; text-decoration:underline; }

.eci-login-link { display:block; text-align:center; margin-top:20px; color:#888; font-size:.85em; }
.eci-login-link a { color:#0073aa; font-weight:600; }

label { display:block; margin-bottom:3px; font-weight:600; color:#333; font-size:.95em; }