/* timeup-mdp-v1 : couleurs reprises du site time-up.be */
:root{--navy:oklch(27.1% .072 248.5);--navy-soft:oklch(34.5% .066 246);--teal:oklch(76.7% .083 191.5);
--teal-deep:oklch(63.5% .091 193.3);--teal-soft:oklch(94.5% .028 191);--mist:oklch(97.5% .008 220);
--border:oklch(91.5% .012 230);--muted:oklch(52% .03 240);--danger:oklch(57.7% .245 27.325)}
*{box-sizing:border-box}
html,body{margin:0}
body{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;
padding:40px 16px;background:var(--mist);color:var(--navy);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.carte{width:100%;max-width:440px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:36px 32px}
.marque{display:flex;align-items:center;gap:12px;font-weight:700;font-size:22px;letter-spacing:-.01em;margin-bottom:28px}
.marque img{border-radius:10px}
h1{font-size:21px;line-height:1.3;margin:0 0 8px;font-weight:650}
.intro{margin:0 0 24px;color:var(--muted);font-size:15px}
label{display:block;font-size:14px;font-weight:600;margin:18px 0 6px}
input{width:100%;font:inherit;padding:12px 14px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--navy);overflow-wrap:anywhere}
input:focus{outline:none;border-color:var(--teal-deep);box-shadow:0 0 0 3px var(--teal-soft)}
.regles{margin:16px 0 0;padding:12px 16px 12px 32px;background:var(--mist);border-radius:9px;font-size:14px;color:var(--muted)}
button{width:100%;margin-top:24px;padding:13px 16px;font:inherit;font-weight:600;color:#fff;background:var(--navy);border:0;border-radius:9px;cursor:pointer}
button:hover{background:var(--navy-soft)}
.msg{padding:14px 16px;border-radius:9px;font-size:15px;margin:0 0 8px;overflow-wrap:anywhere}
.msg.ko{background:oklch(96% .03 27);color:var(--danger);border:1px solid oklch(88% .06 27)}
.msg.ok{background:var(--teal-soft);color:var(--navy);border:1px solid var(--teal)}
.msg.ok strong{display:block;margin-bottom:4px}
.lien{color:var(--teal-deep);font-weight:600}
.pied{font-size:13px;color:var(--muted)}
@media (max-width:480px){.carte{padding:28px 20px}}