.portail{width:100%;max-width:720px}
.portail__brand{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-6);color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}
.portail__dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent)}
.portail__title{margin:0 0 var(--space-5);color:var(--color-muted);font-size:var(--text-lg);font-weight:var(--weight-normal)}
.portail__list{display:flex;flex-direction:column;gap:var(--space-3)}
.portail__link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);color:inherit;text-decoration:none}
.portail__link:hover{border-color:var(--color-accent);text-decoration:none}
.portail__name{display:block;color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-medium)}
.portail__desc{display:block;max-width:46ch;margin-top:var(--space-1);color:var(--color-muted);font-size:var(--text-sm);line-height:1.5}
.portail__arrow{color:var(--color-muted)}
.portail__link:hover .portail__arrow{color:var(--color-accent)}
.portail__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border);color:var(--color-muted);font-size:var(--text-xs)}
.fond{position:fixed;inset:0;z-index:0;pointer-events:none}