/* /login — page autonome (CSS separe) */
*{box-sizing:border-box;margin:0;padding:0}
:root{--or:#e85d26;--bg:#f5f4f0;--bg2:#fff;--bg3:#eeecea;--bd:#e2ddd8;--t:#1a1917;--t2:#6b6560;--t3:#a8a29e;--re:#dc2626}
.flag{display:inline-flex;width:20px;height:14px;border-radius:3px;overflow:hidden;border:.5px solid rgba(0,0,0,.15);vertical-align:middle;flex-shrink:0}
.flag svg{width:100%;height:100%;display:block}
body{background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.box{background:var(--bg2);border:0.5px solid var(--bd);border-radius:16px;padding:32px 28px;width:100%;max-width:380px;box-shadow:0 4px 24px rgba(0,0,0,.08)}
.logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px}
.logo-icon{width:44px;height:44px;background:var(--or);border-radius:12px;display:flex;align-items:center;justify-content:center}
.logo-icon i{font-size:22px;color:#fff}
.logo-text{font-size:22px;font-weight:700;color:var(--t)}
.logo-text span{color:var(--or)}
.fi{width:100%;padding:10px 13px;background:var(--bg3);border:0.5px solid var(--bd);border-radius:9px;font-size:14px;font-family:inherit;color:var(--t);outline:none;transition:.15s;margin-bottom:10px}
.fi:focus{background:var(--bg2);border-color:var(--or);box-shadow:0 0 0 3px rgba(232,93,38,.08)}
.lbl{font-size:11px;font-weight:600;color:var(--t2);margin-bottom:4px;display:block;text-transform:uppercase;letter-spacing:.05em}
.btn-p{width:100%;padding:11px;background:var(--or);color:#fff;border:none;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:.12s;margin-top:4px}
.btn-p:hover{background:#c94d1e}
.err{background:#fee2e2;color:var(--re);border:0.5px solid #fca5a5;border-radius:9px;padding:10px 13px;font-size:13px;margin-bottom:14px}
/* Renvoi du lien de vérification (compte non vérifié) */
.ve-resend{margin-bottom:16px;background:var(--bg3);border:0.5px solid var(--bd);border-radius:10px;padding:12px}
.ve-resend .lbl{margin-bottom:6px}
/* Message de succès (ex. mot de passe modifié) */
.ve-ok{background:#dcfce7;color:#15803d;border:0.5px solid #86efac;border-radius:9px;padding:10px 13px;font-size:13px;margin-bottom:14px;text-align:center}
/* Lien « mot de passe oublié » */
.forgot{display:block;text-align:right;margin:-4px 0 12px;font-size:12px}
.forgot a{color:var(--t3);text-decoration:none}
.forgot a:hover{color:var(--or)}

/* Connexion sociale : bouton « Continuer avec Google » + séparateur « ou » */
.btn-social{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px;border-radius:9px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;transition:.12s}
.btn-google{background:var(--bg2);color:var(--t);border:0.5px solid var(--bd)}
.btn-google:hover{background:var(--bg3)}
.btn-discord{background:#5865F2;color:#fff;border:0.5px solid #5865F2}
.btn-discord:hover{background:#4752c4}
.btn-facebook{background:#1877F2;color:#fff;border:0.5px solid #1877F2}
.btn-facebook:hover{background:#1463cf}
.btn-social+.btn-social{margin-top:9px}
.g-logo{display:flex;align-items:center;justify-content:center}
.sep{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--t3);font-size:12px}
.sep::before,.sep::after{content:"";flex:1;height:0.5px;background:var(--bd)}
/* Thème sombre (page autonome) */
html[data-theme="dark"]{color-scheme:dark;--or:#f06a34;--bg:#161512;--bg2:#211f1c;--bg3:#2a2723;--bd:#39342f;--t:#f3f1ee;--t2:#b5afa8;--t3:#857f78;--re:#f87171}