.formations-hero{background:linear-gradient(135deg,#0f172a,#1e1b4b 60%,#312e81);color:#fff;padding:2.75rem 0 2.25rem;border-bottom:3px solid #6366f1}.formations-hero-title{font-size:2.1rem;font-weight:800;margin:0 0 .45rem;letter-spacing:-.5px}.formations-hero-title i{color:#818cf8;margin-right:.4rem}.formations-hero-sub{font-size:.95rem;color:#ffffffb3;margin:0}.formations-count-badge{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.85rem;font-weight:600;padding:.5rem 1.1rem;border-radius:30px;white-space:nowrap}.formations-count-badge i{color:#818cf8;margin-right:.3rem}.formation-list{display:flex;flex-direction:column;gap:1.1rem}.formation-row-card{display:flex;background:#fff;border:1px solid var(--border, #dde3f0);border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #312e8112;transition:box-shadow .25s ease,transform .25s ease;min-height:170px}.formation-row-card:hover{box-shadow:0 8px 30px #312e8126;transform:translateY(-3px)}.formation-row-card--pined{border-top:3px solid #6366f1}.formation-row-cover{flex-shrink:0;width:180px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0f172a,#1e1b4b 60%,#312e81);position:relative;text-decoration:none;overflow:hidden}.formation-row-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.formation-row-card:hover .formation-row-cover img{transform:scale(1.06)}.formation-row-cover-icon{font-size:3.2rem;color:#ffffff2e;transition:color .25s,transform .25s}.formation-row-card:hover .formation-row-cover-icon{color:#ffffff52;transform:scale(1.08)}.formation-row-ribbon{position:absolute;top:0;right:0;background:#6366f1;color:#fff;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .55rem;border-bottom-left-radius:8px;display:flex;align-items:center;gap:.25rem}.formation-row-chip{position:absolute;bottom:.6rem;left:50%;transform:translate(-50%);background:#00000080;backdrop-filter:blur(4px);color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .6rem;border-radius:20px;white-space:nowrap;display:flex;align-items:center;gap:.25rem}.formation-row-body{flex:1;display:flex;flex-direction:column;padding:1.1rem 1.3rem 1rem;min-width:0}.formation-row-cats{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.45rem}.formation-row-cat{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#4f46e5;background:#4f46e512;border:1px solid rgba(79,70,229,.15);padding:.15rem .55rem;border-radius:20px}.formation-row-title{font-size:1.1rem;font-weight:800;line-height:1.3;margin:0 0 .45rem;color:var(--text-dark, #1a1f36)}.formation-row-title a{color:inherit;text-decoration:none;transition:color .2s}.formation-row-title a:hover{color:#4f46e5}.formation-row-desc{font-size:.84rem;color:var(--text-muted, #6b7a99);line-height:1.6;margin:0 0 .75rem;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.formation-row-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.65rem}.formation-row-tag{font-size:.68rem;color:var(--text-muted, #6b7a99);background:var(--bg-light, #f4f6fb);border:1px solid var(--border, #dde3f0);padding:.15rem .5rem;border-radius:4px}.formation-row-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.65rem;border-top:1px solid var(--border, #dde3f0);flex-wrap:wrap}.formation-row-meta{display:flex;flex-wrap:wrap;gap:.35rem .85rem;font-size:.72rem;color:var(--text-muted, #6b7a99)}.formation-row-meta i{color:#6366f1;margin-right:.2rem}.badge-premium{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-size:.63rem;font-weight:700;padding:.15rem .5rem;border-radius:20px;display:inline-flex;align-items:center;gap:.2rem}.formation-row-cta{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;color:#fff;background:linear-gradient(90deg,#4f46e5,#6366f1);border-radius:8px;padding:.45rem 1rem;text-decoration:none;white-space:nowrap;transition:background .2s,transform .15s;flex-shrink:0}.formation-row-cta:hover{background:linear-gradient(90deg,#6366f1,#818cf8);color:#fff;transform:translate(2px)}.formation-row-cta i{transition:transform .2s}.formation-row-cta:hover i{transform:translate(3px)}@media(max-width:575px){.formation-row-card{flex-direction:column;min-height:auto}.formation-row-cover{width:100%;height:130px}.formation-row-chip{display:none}}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted, #6b7a99)}.empty-state i{font-size:3.5rem;display:block;margin-bottom:1rem;opacity:.4}