.connection-page{padding-top:96px}.connection-stage{max-width:1000px;margin:0 auto;padding:44px 24px 80px}.connection-columns{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:32px;display:grid}.connection-card,.connection-benefits,.connection-optional{background:var(--color-blanc);border:1px solid var(--color-bordure);border-radius:20px;min-width:0;padding:36px}.connection-card h1{letter-spacing:-.025em;font-size:28px;line-height:1.25}.connection-notice{border-radius:var(--radius-input);background:var(--status-attente-bg);color:var(--status-attente-fg);padding:16px}.connection-notice h2{margin-bottom:8px;padding:0;font-size:16px}.connection-notice p{color:inherit;font-size:13px}.connection-card .login-form .button{min-height:50px}.connection-benefits{flex-direction:column;gap:20px;display:flex}.connection-benefits h2,.connection-optional h2{font-size:20px;line-height:1.4}.connection-benefits ul{flex-direction:column;gap:16px;margin:0 0 16px;padding:0;list-style:none;display:flex}.connection-benefits li{align-items:center;gap:10px;font-size:15px;display:flex}.connection-benefits svg{color:var(--color-vert);flex-shrink:0}.connection-benefits p{border-top:1px solid var(--color-beige);color:var(--color-texte-secondaire);margin:auto 0 0;padding-top:20px;font-size:14px}.connection-benefits a{font-weight:600}.connection-optional{margin-top:28px}.connection-optional p{color:var(--color-texte-secondaire);max-width:75ch;margin:12px 0 20px;font-size:14px}.connection-preview{border:1px solid var(--color-bordure-forte);border-radius:var(--radius-pill);background:var(--color-beige-2);min-height:44px;color:var(--color-texte-secondaire);cursor:not-allowed;align-items:center;gap:16px;padding:12px 20px;font-size:14px;font-weight:600;display:inline-flex}.connection-optional .connection-preview-note{margin:12px 0 0;font-size:13px}@media (max-width:760px){.connection-columns{grid-template-columns:1fr;gap:24px}}@media (max-width:600px){.connection-page{padding-top:80px}.connection-stage{padding:24px 16px 48px}.connection-card,.connection-benefits,.connection-optional{border-radius:20px;padding:28px 24px}.connection-card h1{font-size:24px}.connection-optional{margin-top:24px}}
