*{box-sizing:border-box}
body{margin:0;background:#eef4f8;color:#14243a;font-family:Segoe UI,Arial,sans-serif}
.c8d-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px}
.c8d-card{width:min(100%,520px);background:#fff;border:1px solid #d5e1eb;border-radius:22px;padding:24px}
.c8d-header{text-align:center;margin-bottom:18px}.c8d-logo{font-size:28px;font-weight:900;color:#0f5d91;letter-spacing:.04em}
.c8d-header h1{margin:5px 0 7px;font-size:27px}.c8d-header p{margin:0;color:#65778b}
.c8d-mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.c8d-mode-buttons button{padding:12px;border:1px solid #b9cbd9;border-radius:12px;background:#f5f8fa;color:#23415b;font:inherit;font-weight:800;cursor:pointer}
.c8d-mode-buttons button[aria-selected="true"]{background:#0f5d91;color:#fff;border-color:#0f5d91}
.c8d-message{padding:11px 13px;margin-bottom:14px;border:1px solid #b8d6ea;border-radius:11px;background:#edf8ff;color:#155e8d;font-weight:700}
.c8d-message.ok{border-color:#9bd8b0;background:#edfcf3;color:#17693a}.c8d-message.err{border-color:#efaaaa;background:#fff1f1;color:#982727}.c8d-message.warn{border-color:#e9c66c;background:#fff8e2;color:#75550d}
#formConnexionC8D label{display:block;margin:13px 0 6px;font-weight:800}
#formConnexionC8D input{width:100%;padding:12px 13px;border:1px solid #b8c9d7;border-radius:11px;font:inherit;outline:none}
#formConnexionC8D input:focus{border-color:#0f5d91;box-shadow:0 0 0 3px rgba(15,93,145,.12)}
#formConnexionC8D small{display:block;margin-top:5px;color:#718397}
.c8d-admin-notice{display:flex;flex-direction:column;gap:4px;padding:13px;border:1px solid #9fc8e3;border-radius:12px;background:#eef8ff;color:#174e74}
.c8d-submit{width:100%;margin-top:18px;padding:13px;border:0;border-radius:12px;background:#138057;color:#fff;font:inherit;font-weight:900;cursor:pointer}.c8d-submit.admin{background:#0f5d91}.c8d-submit:disabled{opacity:.65;cursor:wait}
.c8d-secondary-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.c8d-secondary-actions button,.c8d-secondary-actions a{flex:1;padding:10px 12px;border:1px solid #c1d0dc;border-radius:10px;background:#f6f9fb;color:#23415b;text-decoration:none;text-align:center;font:inherit;font-weight:800;cursor:pointer}
.c8d-footer{margin-top:18px;padding-top:14px;border-top:1px solid #e0e8ef;color:#65778b;line-height:1.45;font-size:14px}
@media(max-width:440px){.c8d-page{padding:12px}.c8d-card{padding:17px}.c8d-mode-buttons{grid-template-columns:1fr}}