.tutorials-header{background:linear-gradient(135deg,var(--primary-color),#ff9966);color:#fff;padding:40px 0;text-align:center;margin-bottom:40px;position:relative}
.tutorials-header{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}
.tutorials-title{font-size:2rem;margin-bottom:10px}
.tutorials-subtitle{font-size:1.1rem;opacity:.9}
.tutorials-container{max-width:1200px;margin:0 auto;padding:0 15px}
.tutorials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:30px;margin-bottom:50px}
.tutorial-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;transition:var(--transition);height:100%;display:flex;flex-direction:column}
.tutorial-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.tutorial-thumbnail{width:100%;height:180px;object-fit:cover;display:block}
.tutorial-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}
.tutorial-title{font-size:1.3rem;margin:0 0 10px 0;color:var(--light-text);line-height:1.4}
.tutorial-description{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:15px;flex-grow:1}
.tutorial-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#888;margin-top:15px}
.tutorial-category{background-color:var(--primary-color);color:#fff;padding:3px 10px;border-radius:12px;font-size:.75rem;display:inline-block}
.tutorial-read-more{display:inline-block;color:var(--primary-color);font-weight:600;text-decoration:none;margin-top:15px;transition:var(--transition);align-self:flex-start}
.tutorial-read-more:hover{transform:translateX(5px)}
.tutorial-read-more i{margin-left:5px}
@media (max-width:768px){.tutorials-grid{grid-template-columns:1fr}.tutorial-thumbnail{height:150px}}