body{font-family:Segoe UI,Arial,sans-serif;background:#f6f8fc;margin:0;color:#222;line-height:1.7}
.page-header{background:linear-gradient(135deg,#4338ca,#7c3aed);color:#fff;padding:60px 20px;text-align:center}
.tutorial-title{margin:0}.tutorial-subtitle{margin-top:12px}
.page-container{max-width:1300px;margin:auto;padding:30px}
.tutorial-section{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.08);margin:30px 0}
.section-title{margin:0;background:#eef2ff;padding:20px;color:#4338ca}
.section-content{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:25px}
.section-text{}
.section-media{}
.goal,.tip,.check{padding:15px;border-radius:10px;margin-bottom:15px}
.goal{background:#eef2ff;border-left:5px solid #4338ca}
.tip{background:#fff7ed;border-left:5px solid #f59e0b}
.check{background:#ecfdf5;border-left:5px solid #10b981}
.section-intro{margin:16px 0}
.instructions{padding-left:22px}.instruction{margin:8px 0}
.step-image{width:100%;border-radius:12px;border:1px solid #ddd}
.completion-section{}
.completion-title{}
.completion-message{}
.learned-list{padding-left:22px}.learned-item{margin:8px 0}
.celebrate-button{padding:12px 20px;font-size:18px;border:none;border-radius:10px;background:#7c3aed;color:#fff;border-radius:10px;cursor:pointer}
.completion-icon{display:flex;align-items:center;justify-content:center;font-size:120px}
.confetti-canvas{position:fixed;inset:0;pointer-events:none}
@media(max-width:900px){.section-content{grid-template-columns:1fr}}