:root{--pfc-primary:#FF6B35;--pfc-primary-dark:#e55a2b;--pfc-success:#4CAF50;--pfc-warning:#FF9800;--pfc-info:#2196F3;--pfc-gray-100:#f8f9fa;--pfc-gray-200:#e9ecef;--pfc-gray-300:#dee2e6;--pfc-gray-600:#6c757d;--pfc-gray-800:#343a40;--pfc-radius:8px;--pfc-shadow:0 2px 8px rgba(0, 0, 0, 0.1);--pfc-transition:all 0.3s ease}.pfc-empty{text-align:center;padding:40px 20px;color:var(--pfc-gray-600);font-style:italic}.pfc-roadmap{display:grid;gap:20px}.pfc-roadmap--cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pfc-roadmap--list{grid-template-columns:1fr}.pfc-roadmap--timeline{grid-template-columns:1fr;position:relative;padding-left:30px}.pfc-roadmap--timeline::before{content:'';position:absolute;left:10px;top:0;bottom:0;width:2px;background:var(--pfc-gray-300)}.pfc-roadmap--timeline .pfc-roadmap-item{position:relative}.pfc-roadmap--timeline .pfc-roadmap-item::before{content:'';position:absolute;left:-26px;top:20px;width:12px;height:12px;border-radius:50%;background:var(--pfc-primary);border:2px solid #fff;box-shadow:var(--pfc-shadow)}.pfc-roadmap-item{background:#fff;border-radius:var(--pfc-radius);padding:20px;box-shadow:var(--pfc-shadow);border:1px solid var(--pfc-gray-200);transition:var(--pfc-transition)}.pfc-roadmap-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgb(0 0 0 / .15)}.pfc-roadmap-item__header{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.pfc-roadmap-item__status{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.pfc-status--planifie{background:var(--pfc-gray-200);color:var(--pfc-gray-800)}.pfc-status--en-cours{background:#fff3e0;color:#e65100}.pfc-status--termine{background:#e8f5e9;color:#2e7d32}.pfc-status--en-reflexion{background:#e3f2fd;color:#1565c0}.pfc-roadmap-item__quarter{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;background:var(--pfc-gray-100);color:var(--pfc-gray-600)}.pfc-roadmap-item__title{font-size:18px;font-weight:600;margin:0 0 10px 0;color:var(--pfc-gray-800)}.pfc-roadmap-item__content{font-size:14px;color:var(--pfc-gray-600);line-height:1.6}.pfc-roadmap-item__content p{margin:0}.pfc-roadmap-item__progress{margin-top:15px;display:flex;align-items:center;gap:10px}.pfc-progress-bar{flex:1;height:8px;background:var(--pfc-gray-200);border-radius:10px;overflow:hidden}.pfc-progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--pfc-primary),var(--pfc-success));border-radius:10px;transition:width 0.5s ease}.pfc-progress-bar__label{font-size:12px;font-weight:600;color:var(--pfc-gray-600);min-width:40px}.pfc-faq{display:flex;flex-direction:column;gap:10px}.pfc-faq-item{background:#fff;border-radius:var(--pfc-radius);border:1px solid var(--pfc-gray-200);overflow:hidden;transition:var(--pfc-transition)}.pfc-faq-item:hover{border-color:var(--pfc-gray-300)}.pfc-faq-item__question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:none;border:none;cursor:pointer;text-align:left;font-size:16px;font-weight:600;color:var(--pfc-gray-800);transition:var(--pfc-transition)}.pfc-faq-item__question:hover{background:var(--pfc-gray-100)}.pfc-faq-item__question span{flex:1;padding-right:15px}.pfc-faq-item__icon{flex-shrink:0;stroke:var(--pfc-gray-600);stroke-width:2;fill:none;transition:transform 0.3s ease}.pfc-faq-item__question[aria-expanded="true"] .pfc-faq-item__icon{transform:rotate(180deg)}.pfc-faq-item__answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease}.pfc-faq-item__answer.is-open{max-height:500px}.pfc-faq-item__answer>*{padding:0 20px 20px 20px;color:var(--pfc-gray-600);line-height:1.7}.pfc-faq-item__answer p{margin:0}.pfc-faq--list .pfc-faq-item{background:#fff0;border:none;border-bottom:1px solid var(--pfc-gray-200);border-radius:0}.pfc-faq--list .pfc-faq-item__question{padding-left:0;padding-right:0}.pfc-faq--list .pfc-faq-item__answer>*{padding-left:0;padding-right:0}.pfc-tutos{display:grid;gap:25px}.pfc-tutos--grid{grid-template-columns:repeat(var(--pfc-columns,3),1fr)}.pfc-tutos--list{grid-template-columns:1fr}@media (max-width:992px){.pfc-tutos--grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.pfc-tutos--grid{grid-template-columns:1fr}}.pfc-tuto-card{background:#fff;border-radius:var(--pfc-radius);overflow:hidden;box-shadow:var(--pfc-shadow);border:1px solid var(--pfc-gray-200);transition:var(--pfc-transition)}.pfc-tuto-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgb(0 0 0 / .15)}.pfc-tuto-card__thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--pfc-gray-200)}.pfc-tuto-card__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.pfc-tuto-card:hover .pfc-tuto-card__thumbnail img{transform:scale(1.05)}.pfc-tuto-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgb(255 255 255 / .95);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--pfc-primary);box-shadow:0 4px 15px rgb(0 0 0 / .2);transition:var(--pfc-transition)}.pfc-tuto-card:hover .pfc-tuto-card__play{transform:translate(-50%,-50%) scale(1.1);background:var(--pfc-primary);color:#fff}.pfc-tuto-card__duration{position:absolute;bottom:10px;right:10px;padding:4px 8px;background:rgb(0 0 0 / .75);color:#fff;font-size:12px;font-weight:600;border-radius:4px}.pfc-tuto-card__content{padding:20px}.pfc-tuto-card__meta{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.pfc-tuto-card__level,.pfc-tuto-card__category{display:inline-block;padding:3px 8px;font-size:11px;font-weight:600;border-radius:4px;text-transform:uppercase}.pfc-tuto-card__level{background:var(--pfc-gray-100);color:var(--pfc-gray-600)}.pfc-tuto-card__category{background:#fff3e0;color:#e65100}.pfc-tuto-card__title{font-size:17px;font-weight:600;margin:0 0 8px 0;line-height:1.4}.pfc-tuto-card__title a{color:var(--pfc-gray-800);text-decoration:none;transition:color 0.2s ease}.pfc-tuto-card__title a:hover{color:var(--pfc-primary)}.pfc-tuto-card__excerpt{font-size:14px;color:var(--pfc-gray-600);line-height:1.6;margin:0}.pfc-tutos--list .pfc-tuto-card{display:grid;grid-template-columns:250px 1fr}.pfc-tutos--list .pfc-tuto-card__thumbnail{aspect-ratio:auto;height:100%}@media (max-width:768px){.pfc-tutos--list .pfc-tuto-card{grid-template-columns:1fr}.pfc-tutos--list .pfc-tuto-card__thumbnail{aspect-ratio:16/9}}