.format-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:21px 0 0;padding:0;border:0}.format-choice legend{margin-bottom:9px;color:#aec0d8;font-size:11px;font-weight:700}.format-choice label{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 12px;border:1px solid #2a3748;border-radius:11px;background:#0a1018;cursor:pointer}.format-choice label:has(input:checked){border-color:#367ef5;background:#10203b}.format-choice input{accent-color:#4285ff}.format-choice span{display:flex;flex-direction:column;gap:3px}.format-choice b{font-size:12px}.format-choice small{color:#73869f;font-size:9px}@media(max-width:520px){.format-choice{grid-template-columns:1fr}}
.remember-session{display:flex;align-items:center;gap:10px;margin-top:18px;color:#aec0d8;cursor:pointer}.remember-session input{width:16px;height:16px;accent-color:#4285ff}.remember-session span{display:flex;flex-direction:column;gap:3px}.remember-session b{font-size:11px}.remember-session small{color:#73869f;font-size:9px}
.password-field{position:relative;display:block}.password-field input{padding-right:86px!important}.password-field button{position:absolute;top:50%;right:8px;width:auto;height:32px;margin:0;padding:0 10px;transform:translateY(-50%);border:1px solid #34465d;border-radius:8px;background:#162235;color:#b7c8df;font-size:11px;font-weight:700;cursor:pointer}.password-field button:hover{background:#20314b;color:#fff}

/* Sur écran large, la carte utilise davantage la largeur disponible et le
   mot de passe / la date partagent une même ligne pour éviter un formulaire trop haut. */
@media (min-width:901px){.mop-page{grid-template-columns:minmax(0,.85fr) minmax(600px,1.15fr);gap:5vw}.mop-card{padding:34px 42px}}

.tutorial-trust{display:flex;align-items:center;gap:13px;max-width:490px;margin-top:34px;padding:14px 16px;border:1px solid #2e67bf;border-radius:13px;background:#10284d;color:#f5f8ff;text-decoration:none;transition:background .15s,border-color .15s}.tutorial-trust:hover{border-color:#5791ff;background:#163968}.tutorial-trust>i{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:#173d70;color:#8fc0ff;font-style:normal;font-size:20px;font-weight:900}.tutorial-trust span{display:flex;flex:1;flex-direction:column;gap:3px}.tutorial-trust b{font-size:13px}.tutorial-trust small{color:#9bb6dc;font-size:11px;line-height:1.35}.tutorial-trust strong{color:#a9c9ff;font-size:20px}
.details-toggle{display:flex;align-items:center;gap:10px;margin-top:17px;color:#aec0d8;cursor:pointer}.details-toggle input{width:17px;height:17px;accent-color:#4285ff}.details-toggle span{display:flex;flex-direction:column;gap:3px}.details-toggle b{font-size:11px}.details-toggle b em{color:#65a4ff;font-style:normal}.details-toggle small{color:#73869f;font-size:9px}