/* Page de connexion — charte Oryven : graphite / ivoire / vermillon */
:root { --bg: #101318; --panel: #161a20; --line: #252a33; --text: #f4f0e7; --muted: #92979f; --accent: #ff5938; --red: #e5484d; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--text); font-family: 'Inter', system-ui, sans-serif; }
body { display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 16px; }
.card { width: 100%; max-width: 420px; background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 36px 32px; text-align: center; }
.logo { width: 150px; height: auto; }
h1 { margin: 14px 0 6px; font-family: 'Barlow Condensed', 'Inter', sans-serif; font-size: 30px; letter-spacing: 1px; text-transform: uppercase; }
.sub { margin: 0 0 22px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.err { margin: 0 0 18px; padding: 12px 14px; border-radius: 10px; background: rgba(229, 72, 77, .12); border: 1px solid rgba(229, 72, 77, .35); color: #ffb4b6; font-size: 13.5px; line-height: 1.45; text-align: left; }
.btn { display: block; padding: 13px 18px; border-radius: 10px; background: var(--accent); color: var(--bg); font-weight: 700; text-decoration: none; font-size: 15px; }
.btn:hover { filter: brightness(1.08); }
.foot { margin: 20px 0 0; color: var(--muted); font-size: 12.5px; line-height: 1.5; }
.foot b { color: var(--text); }