.tutorial-page{max-width:1400px;margin:auto;padding:40px 20px 0}.tutorial-header{text-align:center;max-width:850px;margin:auto}.tutorial-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:100px;background:rgba(116,38,239,.08);border:1px solid rgba(116,38,239,.12);color:#7426ef;font-size:13px;font-weight:700;margin-bottom:22px}.tutorial-header h1{font-size:46px;font-weight:900;line-height:1.2;color:#111827}.tutorial-header p{color:#64748b;font-size:18px;line-height:1.9}.tutorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.tutorial-card{position:relative;background:#fff;border:1px solid rgba(229,231,235,.9);border-radius:28px;padding:25px;overflow:hidden;transition:all .3s ease;box-shadow:0 10px 25px rgba(15,23,42,.04),0 2px 6px rgba(15,23,42,.05)}.tutorial-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#7426ef,#0083cc)}.tutorial-card:hover{transform:translateY(-8px);border-color:rgba(116,38,239,.15);box-shadow:0 25px 50px rgba(15,23,42,.08),0 10px 20px rgba(116,38,239,.08)}.tutorial-number{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7426ef,#0083cc);color:#fff;font-size:18px;font-weight:800;margin-bottom:20px;box-shadow:0 12px 25px rgba(116,38,239,.25)}.tutorial-card h2{font-size:22px;font-weight:800;line-height:1.4;color:#111827;margin-bottom:12px}.tutorial-card p{color:#64748b;line-height:1.8;margin-bottom:20px}.tutorial-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:18px;border:1px solid #e5e7eb;background:#f8fafc;box-shadow:0 8px 20px rgba(15,23,42,.05)}.tutorial-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}@media(max-width:991px){.tutorial-grid{grid-template-columns:repeat(2,1fr)}.tutorial-header h1{font-size:38px}}@media(max-width:767px){.tutorial-grid{grid-template-columns:1fr}.tutorial-page{padding:40px 15px 0}.tutorial-header h1{font-size:30px}.tutorial-header p{font-size:15px}.tutorial-card{padding:20px}}