.tutorials-hero{justify-content:center;align-items:center;width:100vw;height:75vh;min-height:500px;margin-left:calc(50% - 50vw);display:flex;position:relative;overflow:hidden}.tutorials-hero-video-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.tutorials-hero-video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorials-hero-overlay{z-index:1;background:#00000080;position:absolute;inset:0}.tutorials-hero-content{z-index:2;text-align:center;color:#fff;position:relative}.tutorials-hero-title{letter-spacing:8px;margin:0;font-size:5rem;font-weight:900}@media (max-width:768px){.tutorials-hero{height:50vh;min-height:300px}.tutorials-hero-title{font-size:3rem}}
.tutorials-content{background:#fff;padding:4rem 2rem}.tutorials-container{max-width:1200px;margin:0 auto}.tutorial-section{background:#f9f9f9;border-radius:8px;margin-bottom:4rem;padding:2rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.section-title{color:#e63946;margin:0;font-size:1.8rem;font-weight:700}.section-arrows{gap:.5rem;display:flex}.arrow-btn{color:#fff;cursor:pointer;background:#e63946;border:none;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:opacity .3s;display:flex}.arrow-btn:hover{opacity:.8}.tutorial-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.tutorial-card{cursor:pointer;transition:transform .3s}.tutorial-card:hover{transform:translateY(-5px)}.tutorial-thumbnail{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:center;align-items:center;width:100%;height:280px;display:flex;position:relative;overflow:hidden}.play-icon{color:#e63946;z-index:2;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex;position:absolute}.tutorial-title-overlay{color:#fff;text-align:center;background:#000000b3;padding:1rem;font-size:1.1rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}.tutorial-text{text-align:center;color:#fff;z-index:1}.tutorial-subtitle{opacity:.9;margin-bottom:.5rem;font-size:.9rem}.tutorial-title-large{text-shadow:2px 2px 4px #00000080;margin:0;font-size:2rem;font-weight:900}.tutorials-description{text-align:center;background:#f9f9f9;border-radius:8px;margin-top:3rem;padding:2rem}.tutorials-description p{color:#666;max-width:900px;margin:0 auto;font-size:1rem;line-height:1.8}@media (max-width:768px){.tutorials-content{padding:2rem 1rem}.tutorial-section{padding:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-title{font-size:1.3rem}.tutorial-grid{grid-template-columns:1fr}.tutorial-title-large{font-size:1.5rem}}