.pg-connexion .hero-connexion{background:var(--gradient-summit);color:var(--text-on-navy);padding-block:var(--space-9) var(--space-8);text-align:center}.pg-connexion .hero-connexion h1{color:var(--text-on-navy);margin-bottom:var(--space-3)}.pg-connexion .hero-eyebrow{color:var(--mc-periwinkle);margin-bottom:1em}.pg-connexion .hero-sub{color:var(--text-on-navy-muted);font-size:var(--text-lg);max-width:none;margin:0}.pg-connexion .espaces-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:900px){.pg-connexion .espaces-grid{grid-template-columns:1fr}}.pg-connexion .espace-card{background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--gutter-card);box-shadow:var(--shadow-sm);gap:var(--space-3);flex-direction:column;display:flex}.pg-connexion .espace-card h2{font-size:var(--text-xl);margin:0}.pg-connexion .espace-card>p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.pg-connexion .publics{gap:var(--space-2);flex-wrap:wrap;flex-grow:1;margin:0;padding:0;list-style:none;display:flex}.pg-connexion .publics li{background:var(--navy-050);color:var(--navy-800);font-size:var(--text-2xs);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3)}.pg-connexion .espace-card .btn{align-self:flex-start}.pg-connexion .btn--disabled{opacity:.6;cursor:default}.pg-connexion .note{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-muted);text-align:center}