/* ============ portal.css — portail de sélection du pays ============ */
.portal{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:var(--navy);color:#fff;position:relative;overflow:hidden}
.portal::before{content:"";position:absolute;inset:0;background:radial-gradient(55% 60% at 80% 0%,rgba(140,191,68,.45),transparent 60%),radial-gradient(45% 50% at 10% 100%,rgba(140,191,68,.28),transparent 60%);pointer-events:none}
.portal-top{position:relative;display:flex;justify-content:flex-end;padding:20px 24px}
.portal-main{position:relative;flex:1;max-width:1000px;width:100%;margin:0 auto;padding:10px 24px 40px;text-align:center;display:flex;flex-direction:column;align-items:center}
.portal-logo{height:87px;width:auto;filter:drop-shadow(0 10px 26px rgba(0,0,0,.45))}
.portal-brand{display:block;margin-top:18px;font-weight:800;letter-spacing:.02em;font-size:1.35rem;color:#fff}
.portal-brand b{color:var(--green)}
.portal h1{font-size:clamp(1.8rem,4vw,2.7rem);font-weight:800;line-height:1.1;margin:18px 0 12px}
.portal-lead{color:#cfd5dd;max-width:62ch;margin:0 auto 36px;font-size:1.05rem}
.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:100%}
.pcard{display:flex;flex-direction:column;align-items:center;gap:6px;background:linear-gradient(160deg,#2E3A4D,#222c3a);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:26px 18px 22px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.pcard:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:0 22px 50px rgba(0,0,0,.4)}
.pflag{line-height:0}
.pflag .flag-svg{width:62px;height:41px;border-radius:5px;box-shadow:0 4px 12px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18)}
.pname{font-size:1.15rem;font-weight:700;color:#fff}
.pcur{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
.penter{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:.85rem;font-weight:700;color:#cfd5dd}
.penter svg{width:16px;height:16px}
.pcard:hover .penter{color:var(--green)}
.portal-foot{position:relative;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;align-items:center;padding:22px 24px;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem;color:#8b94a1}
.portal-foot a{color:var(--green);font-weight:600}
.lang-switch.dark{border-color:rgba(255,255,255,.25);color:#fff}
@media (max-width:760px){.portal-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:430px){.portal-grid{grid-template-columns:1fr}.portal-logo{height:62px}}