/* Connexion, inscription, pages de texte : thème clair */
.center{display:grid;place-items:start center;padding:48px 16px 80px;min-height:calc(100vh - 68px)}
.auth{width:min(460px,100%);padding:30px}.auth .logo{display:block;margin:0 auto 10px;width:52px;height:52px}
.auth h1{font-size:1.5rem;text-align:center;margin:6px 0}.sub2{text-align:center;color:var(--gray);margin:0 0 18px}
.tabs{display:flex;gap:2px;padding:3px;border-radius:11px;margin:0 0 20px;background:#E8EFF8}
.tabs button{flex:1;border:0;background:transparent;color:var(--ink2);font-weight:650;padding:.55rem;border-radius:8px;cursor:pointer;min-height:40px}.tabs button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(11,31,58,.15)}
.field{margin:0 0 14px}.field label{display:block;font-weight:600;margin:0 0 6px}
.frow{position:relative;display:flex}.frow input{width:100%;min-height:46px;border-radius:10px;border:1px solid var(--line2);background:#fff;color:var(--ink);padding:.65rem .85rem;font-size:1rem}
.frow input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(8,123,255,.16)}.frow input[aria-invalid=true]{border-color:var(--bad)}
.eye{position:absolute;right:6px;top:6px;bottom:6px;border:0;background:var(--tint);color:var(--tint-ink);border-radius:7px;padding:0 .7rem;font-weight:650;cursor:pointer}
.hint{display:block;color:var(--gray);margin-top:4px}.ferr{color:var(--bad);font-size:.88rem;min-height:0;margin-top:4px}
.check{display:flex;gap:10px;align-items:flex-start;margin:6px 0 10px}.check input{width:20px;height:20px;margin-top:2px;accent-color:var(--brand);flex:none}.check label{font-size:.95rem}
.legal{color:var(--gray);font-size:.84rem;margin:8px 0}.legal a,.lnk2{color:var(--link)}
.msg{min-height:0;margin:10px 0;font-weight:600}.msg:empty{display:none}.msg.bad{color:#8F1D1D;border:1px solid #F2BDBD;background:var(--bad-bg);padding:10px 12px;border-radius:10px}.msg.ok{color:var(--tint-ink);border:1px solid #BFD9FF;background:var(--tint);padding:10px 12px;border-radius:10px}
.btn.wide{width:100%;justify-content:center;margin-top:6px}.btn[disabled]{opacity:.6;cursor:wait}
.lnk2{display:block;text-align:center;margin-top:14px}.asbtn{background:none;border:0;cursor:pointer;font:inherit;width:100%}
.doc{max-width:760px;padding:40px 0 70px}.doc h1{font-size:2rem}.doc h2.l{font-size:1.15rem;margin:26px 0 6px;text-align:left}.doc ul{padding-left:20px}.doc li{margin:6px 0}

@media(prefers-reduced-motion:no-preference){
.auth{animation:authIn .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes authIn{from{opacity:0;transform:translateY(20px)}}
.auth .logo{animation:logoPop .6s cubic-bezier(.2,1.3,.3,1) .15s both}
@keyframes logoPop{from{opacity:0;transform:scale(.6)}}
}