.connexion-app{min-height:100vh;margin:0;background:radial-gradient(circle at top,#f7fbfa 0,#e8eff1 58%,#dfe8eb 100%)}
.connexion-page{min-height:100vh;display:grid;place-items:center;padding:24px;box-sizing:border-box}
.connexion-carte{width:min(430px,100%);box-sizing:border-box;padding:32px;background:#fff;border:1px solid #d5e0e3;border-radius:18px;box-shadow:0 22px 60px rgba(30,53,64,.13)}
.connexion-carte h1{margin:6px 0 9px;font-size:2rem;letter-spacing:-.035em}.connexion-carte>p{color:var(--texte-doux);line-height:1.5}
.connexion-carte form{display:grid;gap:8px;margin:24px 0 10px}.connexion-carte label{margin-top:5px;font-size:.78rem;font-weight:750}
.connexion-carte input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #b8c8cd;border-radius:8px;font:inherit}.connexion-carte input:focus{outline:3px solid #d7ece9;border-color:var(--accent)}
.connexion-carte button{margin-top:10px;padding:11px}.connexion-carte button:disabled{opacity:.65;cursor:wait}.connexion-etat{min-height:1.4em;margin:8px 0;color:#8a2b2b;font-size:.8rem;font-weight:650}.connexion-carte small{display:block;margin-top:18px;color:var(--texte-doux);line-height:1.45}