/* Page du code d'accès (porte PIN, 17/09/2026) : charte du prototype, une seule carte centrée. */
:root{--brand:#ab242f;--brand-dark:#841c26;--ink:#24252c;--muted:#70727d;--line:#e7e7eb;--canvas:#f6f6f8;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink);font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.pin{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px 28px 22px;text-align:center}
.pin img{width:120px;height:auto;margin:0 auto 10px;display:block}
.eyebrow{margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-weight:700}
h1{font-size:20px;margin:6px 0 4px;letter-spacing:-.01em}.sub{margin:0 0 18px;color:var(--muted);font-size:13px}
form{display:grid;gap:10px;justify-items:center}label{font-size:12px;color:var(--muted)}
input{width:180px;font:inherit;font-size:28px;letter-spacing:.5em;text-align:center;padding:8px 6px 8px 14px;border:1px solid #c9c9d0;border-radius:8px}
input:focus-visible{outline:3px solid #d08088;outline-offset:2px}
button{font:inherit;font-weight:600;font-size:14px;padding:10px 18px;border-radius:8px;border:1px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;min-width:180px}
button:hover:not(:disabled){background:var(--brand-dark)}button:disabled,input:disabled{opacity:.5;cursor:not-allowed}
.note{min-height:18px;margin:12px 0 0;font-size:13px;color:var(--brand)}.micro{margin:14px 0 0;font-size:11px;color:var(--muted);line-height:1.5}
@media(prefers-reduced-motion:no-preference){.pin{animation:in .26s ease-out both}@keyframes in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}