/* Présentation commune Auth — alignée sur la landing publique. */
.login-page{--auth-blue:#8bc8f2;--auth-blue-soft:#e8f5fd;--auth-line:#dcdcdc;--auth-muted:#6f6f6f}
.login-page .login-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px;gap:0}
.login-page .login-visual{top:12px;height:calc(100dvh - 24px);border-radius:28px;background:#f1f1f1}
.login-page .login-panel{min-height:calc(100dvh - 24px);padding:clamp(30px,5vh,56px) clamp(40px,6vw,92px)}
.login-page .login-content{width:min(100%,430px)}
.login-page .login-logo{width:190px;height:46px;margin-bottom:clamp(34px,5vh,52px)}
.login-page .login-heading{max-width:430px;margin-bottom:11px;font-size:clamp(38px,3.05vw,46px);line-height:1.01;letter-spacing:-.058em}
.login-page .login-subtitle{max-width:410px;margin-bottom:30px;color:var(--auth-muted);font-size:15px;line-height:1.52}
.login-page .login-form{gap:18px}
.login-page .login-field{gap:8px;font-size:13px;letter-spacing:-.01em}
.login-page .login-field input{height:52px;padding-inline:16px;border-color:var(--auth-line);border-radius:14px;background:#fcfcfc;font-size:15px;transition:border-color .18s,box-shadow .18s,background .18s}
.login-page .login-field input:hover{border-color:#c6c6c6;background:#fff}
.login-page .login-field input:focus{border-color:var(--auth-blue);background:#fff;box-shadow:0 0 0 4px var(--auth-blue-soft)}
.login-page .login-field-row a{color:#555;font-size:12px}
.login-page .login-password-toggle{right:6px;top:6px;border-radius:999px}
.login-page .login-submit,.login-page .login-google{height:52px;border-radius:999px;font-size:14px}
.login-page .login-submit{margin-top:3px;border-color:#111;background:#111;box-shadow:none}
.login-page .login-submit:hover{background:#242424}
.login-page .login-google{border-color:#d9d9d9;background:#fff}
.login-page .login-google:hover{border-color:#bfbfbf;background:#fafafa}
.login-page .login-divider{margin:18px 0;color:#999}
.login-page .login-divider::before,.login-page .login-divider::after{background:#e1e1e1}
.login-page .login-status{margin-top:9px}
.login-page .login-signup{margin-top:26px;color:#737373;font-size:13px}
.login-page .login-signup a,.login-page .auth-flow-link a{font-weight:600}
.login-page .login-password-toggle:focus-visible,.login-page .login-google:focus-visible,.login-page .login-submit:focus-visible,.login-page .login-signup a:focus-visible,.login-page .auth-flow-link a:focus-visible{outline:3px solid var(--auth-blue);outline-offset:3px}
.signup-page .auth-flow-long .login-logo{margin-bottom:34px}
.signup-page .auth-flow-long .login-subtitle{margin-bottom:27px}
.signup-page .auth-flow-note{margin:-9px 0 1px;color:#7d7d7d}
.forgot-password-page .login-content{transform:translateY(-1vh)}
.forgot-password-page .login-logo{margin-bottom:46px}
.forgot-password-page .login-subtitle{margin-bottom:28px}
.forgot-password-page .auth-flow-link{margin-top:25px;text-align:left}
.forgot-password-page .auth-flow-link a::before{margin-right:8px;color:#777;content:"←"}
@media(min-width:901px) and (max-height:720px){.login-page .login-panel{place-items:start center;padding-top:26px;padding-bottom:26px}.login-page .login-logo{margin-bottom:26px}.login-page .login-heading{font-size:38px}.login-page .login-subtitle{margin-bottom:22px}.login-page .login-form{gap:15px}.login-page .login-divider{margin:14px 0}.login-page .login-signup{margin-top:20px}.signup-page .auth-flow-long .login-logo{margin-bottom:24px}.forgot-password-page .login-panel{place-items:center}.forgot-password-page .login-content{transform:none}}
@media(max-width:900px){.login-page .login-shell{display:block;min-height:100dvh;padding:0}.login-page .login-panel{display:grid;min-height:100dvh;padding:clamp(32px,7vh,64px) clamp(24px,9vw,72px)}.login-page .login-content{width:min(100%,440px)}.login-page .login-logo{width:182px;height:44px;margin-bottom:42px}.forgot-password-page .login-content{transform:none}}
@media(max-width:430px){.login-page .login-panel{padding:32px 20px 40px}.login-page .login-logo{width:174px;height:42px;margin-bottom:36px}.login-page .login-heading{font-size:36px}.login-page .login-subtitle{margin-bottom:27px;font-size:14px}.login-page .login-field input,.login-page .login-submit,.login-page .login-google{height:51px}.signup-page .auth-flow-long .login-logo{margin-bottom:31px}.signup-page .login-heading{font-size:35px}.forgot-password-page .login-logo{margin-bottom:40px}}
@media(max-width:380px){.login-page .login-panel{padding-inline:17px}.login-page .login-heading{font-size:33px}.login-page .login-logo{margin-bottom:31px}.login-page .login-form{gap:15px}.login-page .login-signup{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.login-page .login-field input{transition:none}}