.tutorial-card-wrapper{margin:20px 0}.tutorial-card.horizontal{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;flex-direction:row;margin:0 auto;max-width:600px;min-height:450px;overflow:hidden;transition:all .3s ease}.tutorial-card.horizontal:hover{box-shadow:0 8px 15px rgba(0,0,0,.1);transform:translateY(-5px)}.tutorial-card.horizontal .tutorial-image{background:#f8f9fa;flex-shrink:0;min-height:100%;overflow:hidden;position:relative;width:50%}.tutorial-card.horizontal .tutorial-image img{height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.tutorial-card.horizontal:hover .tutorial-image img{transform:scale(1.05)}.tutorial-placeholder{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.tutorial-placeholder span{font-size:3rem;margin-bottom:10px}.tutorial-placeholder p{color:#999;font-size:.9rem}.tutorial-duration-overlay{backdrop-filter:blur(4px);background:rgba(37,37,55,.9);border-radius:20px;left:15px;padding:6px 12px;text-transform:uppercase}.tutorial-certification,.tutorial-duration-overlay{color:#fff;font-size:.75rem;font-weight:600;position:absolute;top:15px}.tutorial-certification{background:#28a745;border-radius:15px;padding:4px 8px;right:15px}.tutorial-card.horizontal .tutorial-content{background:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:30px 25px;width:50%}.tutorial-category{color:#e55a4e;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.tutorial-title{color:#333;font-size:1.3rem;font-weight:700;line-height:1.3;margin-bottom:12px}.tutorial-description{color:#666;flex-grow:1;font-size:.95rem;line-height:1.5;margin-bottom:15px;min-height:60px}.tutorial-meta{align-items:center;border-top:1px solid #eee;display:flex;gap:10px;justify-content:space-between;margin-bottom:20px;padding-top:15px}.tutorial-level{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.tutorial-level.level-débutant{background:#d4edda;color:#155724}.tutorial-level.level-intermédiaire{background:#fff3cd;color:#856404}.tutorial-level.level-avancé{background:#f8d7da;color:#721c24}.tutorial-type{color:#666;font-size:.8rem;font-weight:600;white-space:nowrap}.tutorial-btn{background:#e55a4e;border-radius:25px;color:#fff;display:block;flex-shrink:0;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-top:auto;padding:14px 24px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease;width:100%}.tutorial-btn:hover{background:#d04437;box-shadow:0 4px 15px rgba(229,90,78,.3);color:#fff;text-decoration:none;transform:translateY(-2px)}@media (max-width:768px){.tutorial-card.horizontal{flex-direction:column;height:auto;max-width:100%}.tutorial-card.horizontal .tutorial-content,.tutorial-card.horizontal .tutorial-image{width:100%}.tutorial-card.horizontal .tutorial-image{height:250px}.tutorial-content{padding:20px}.tutorial-title{font-size:1.2rem}.tutorial-meta{align-items:flex-start;flex-direction:column;gap:8px}.tutorial-btn{font-size:1rem;padding:16px 20px}}