.cards{gap:2rem;margin:1rem 0;display:grid}.soutien{--text:#ffffffeb;--subtext:#a5acbed9;--border:#ffffff14;--dot:#ff4ab4;--dot-glow:#ff4ab41f;--accent:#ff4ab4;--accent-glow:#ff4ab440;--border-glow-a:#ff4ab459;--border-glow-b:#825cff2e;background:#12161ddb;background:var(--bg-1);border:1px solid #ffffff14;border-color:var(--border);border-radius:14px;align-items:center;gap:clamp(1rem,1.6vw,1.2rem);width:100%;max-width:600px;padding:clamp(14px,2.2vw,20px);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s,background .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000038,inset 0 1px #ffffff0a}.soutien:after{content:"";pointer-events:none;background:linear-gradient(135deg, var(--border-glow-a), var(--border-glow-b), #0000);opacity:.55;border-radius:14px;padding:1px;transition:opacity .22s,transform .22s;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)}.soutien:hover{border-color:#fff6;transform:translateY(-2px);box-shadow:0 26px 60px #00000047,inset 0 1px #ffffff0d}.soutien:hover:after{opacity:.9;transform:scale(1.01)}.soutien{color:inherit;text-decoration:none;display:flex}.soutien:focus-visible{outline-offset:3px;outline:2px solid #ff4ab48c}.soutien__text{flex:auto;min-width:0}.soutien__title{color:var(--light);letter-spacing:.2px;margin-bottom:6px;font-size:clamp(15px,2vw,16.5px);font-weight:700;line-height:1.25}.soutien__subtitle{color:var(--subtext);white-space:nowrap;text-overflow:ellipsis;max-width:90%;font-size:clamp(12.5px,1.7vw,13px);line-height:1.3;overflow:hidden}.soutien__dot{background:var(--dot);width:10px;height:10px;box-shadow:0 0 0 4px var(--dot-glow);border-radius:999px;flex:none;margin-left:2px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s}.soutien:hover .soutien__dot{box-shadow:0 0 0 6px var(--dot-glow);transform:scale(1.08)}.soutien__chev{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;flex:none;justify-content:center;align-items:center;width:clamp(32px,5vw,36px);height:clamp(32px,5vw,36px);transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,background .22s;display:flex}.soutien:hover .soutien__chev{background:#fff3;border-color:#ffffffe6;transform:rotate(-45deg)}.soutien__chevArrow{border-right:2px solid var(--accent);border-top:2px solid var(--accent);width:10px;height:10px;filter:drop-shadow(0 0 10px var(--accent-glow));transition:filter .22s,transform .22s cubic-bezier(.2,.8,.2,1);transform:rotate(45deg)translate(-1px,1px)}.soutien:hover .soutien__chevArrow{filter:drop-shadow(0 0 14px var(--accent-glow));transform:rotate(45deg)translate(0)scale(1.06)}.soutien.theme-1{--bg-1:#160a0edb;--subtext:#dcaab4d9;--dot:#ff4b4b;--dot-glow:#ff4b4b1f;--accent:#ff4b4b;--accent-glow:#ff4b4b47;--border-glow-a:#ff4b4b61;--border-glow-b:#ffffff24;border-radius:10px 0 14px}.soutien.theme-1:after{border-radius:10px 0 14px}.soutien.theme-1:hover{--border:#fff}.soutien.theme-1{background:0 0}.soutien.theme-2{--bg-1:#f5f7ff29;--border:#ffffff1f;--text:#fffffff2;--subtext:#a5c8ffe0;--dot:#4aa3ff;--dot-glow:#4aa3ff2e;--accent:#4aa3ff;--accent-glow:#4aa3ff4d;--border-glow-a:#ffffff57;--border-glow-b:#4aa3ff38}.soutien.theme-3{--bg-1:#0a0a0ce0;--subtext:#d2a0aad9;--dot:#ff4b4b;--dot-glow:#ff4b4b1f;--accent:#ff4b4b;--accent-glow:#ff4b4b47;--border-glow-a:#ff4b4b4d;--border-glow-b:#ffffff14}.soutien.theme-4{--bg-1:#1a1008e0;--subtext:#ffcd96db;--dot:#ff4b4b;--dot-glow:#ff4b4b1f;--accent:#ff4b4b;--accent-glow:#ff4b4b47;--border-glow-a:#ffa03c59;--border-glow-b:#ff4b4b38}.soutien.theme-5{--bg-1:#1e0a18e0;--subtext:#d7b4f5db;--dot:#b86bff;--dot-glow:#b86bff29;--accent:#b86bff;--accent-glow:#b86bff4d;--border-glow-a:#ff4ab457;--border-glow-b:#b86bff38}.soutien.theme-6{--bg-1:#0000;--border:#5d0017e6;--text:#191919eb;--subtext:#373737bf;--border-glow-a:#d1003480;--border-glow-b:#ff9a3c4d;border-radius:10px 0 14px}.soutien.theme-6:after{border-radius:10px 0 14px}.soutien.theme-6:hover{--border:#454545}.soutien.theme-7{--bg-1:#f5f7ff29;--border:#ffffffe6;--text:#fffffff2;--subtext:#a5c8ffe0;--dot:#4aa3ff;--dot-glow:#4aa3ff2e;--accent:#4aa3ff;--accent-glow:#4aa3ff4d;--border-glow-a:#ffffff57;--border-glow-b:#4aa3ff38;border-radius:0 10px 0 14px}.soutien.theme-7:after{border-radius:0 10px 0 14px}.soutien.theme-7:hover{--border:#fff}.soutien.theme-7{background:0 0}.soutien.theme-8{color:#ff4d4d;cursor:pointer;background:0 0;border:2px solid #ff4d4d;border-radius:10px 0 14px;padding:10px 18px}.soutien.theme-8:hover{background:#ff4d4d1a}.soutien.theme-8:after{border-radius:10px 0 14px}