.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;transition:box-shadow .2s,border-color .2s;display:flex;position:relative}.pg-connexion .espace-card:hover{box-shadow:var(--shadow-md);border-color:var(--mc-periwinkle)}.pg-connexion .espace-card>.picto:first-child{margin-bottom:var(--space-1)}.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;align-content:flex-start;align-items:flex-start;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;margin-top:auto}.pg-connexion .btn--disabled{opacity:1;cursor:default;align-items:center;gap:var(--space-2);color:var(--navy-700);border:1px dashed var(--mc-periwinkle);box-shadow:none;background:linear-gradient(135deg,#ededfb 0%,#f5f0fc 100%);display:inline-flex}.pg-connexion .btn--disabled:before{display:none}.pg-connexion .statut-picto{width:auto;height:auto;box-shadow:none;color:currentColor;background:0 0}.pg-connexion .statut-picto svg{width:16px;height:16px}.pg-connexion .connexion-aide{margin-top:var(--space-6);align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--surface-accent) 0%, var(--surface-mauve) 100%);border:var(--border-width) solid var(--border-subtle);display:flex}.pg-connexion .note{font-size:var(--text-sm);color:var(--text-body);margin:0}.pg-connexion .note a{color:var(--text-link);text-underline-offset:2px;text-decoration:underline}@media (max-width:640px){.pg-connexion .connexion-aide{padding:var(--space-4);align-items:flex-start}}@media (prefers-reduced-motion:reduce){.pg-connexion .espace-card{transition:none}}