/* Page : Connexion. */
.login-layout { display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:14px 0 28px; }
.login-story { padding:34px 10px 34px 0; }
.login-story h1 { font-size:clamp(40px,5vw,64px);line-height:1.06;margin:18px 0 22px; }
.login-story > p:not(.eyebrow) { max-width:350px;font-size:17px;color:var(--marine-doux); }
.login-rule { width:48px;height:4px;background:var(--rose);margin:32px 0 15px; }
.login-story > span { font-size:10px;font-weight:750;letter-spacing:.13em;color:var(--marine-doux); }
.login-card { padding:32px;box-shadow:0 16px 45px #16243e06; }
.login-card h2 { margin:20px 0 10px;font-size:25px; }
.login-card form { margin-top:25px; }
.login-card .field + .field { margin-top:16px; }
.login-first { border-top:1px solid var(--trait);margin-top:26px;padding-top:23px; }
.login-first p { font-size:13px; }
.login-help { border-top:1px solid var(--trait);margin-top:22px;padding-top:18px; }
.login-help summary { cursor:pointer;font-weight:800;color:var(--marine); }
.login-help[open] summary { margin-bottom:12px; }
.login-help form { margin-top:14px; }
.remember-line { display:flex;align-items:flex-start;gap:9px;margin:16px 0 18px;color:var(--marine-doux);font-size:13px;line-height:1.4; }
.remember-line input { width:17px;height:17px;margin:1px 0 0;accent-color:var(--rose); }
.login-logout { display:inline-block;margin-top:20px; }
.login-card .button + .button { margin-top:10px; }
.login-card .app-notice { margin-bottom:18px; }
@media(max-width:720px){.login-layout{grid-template-columns:1fr;gap:22px;padding-top:0}.login-story{padding:12px 0}.login-story h1{font-size:42px}.login-story>p:not(.eyebrow){font-size:15px}.login-rule,.login-story>span{display:none}.login-card{padding:24px}}