<<<<<<< HEAD
    body { font-family: 'Inter', sans-serif; background: #f0fdf4; scroll-behavior: smooth; }
    .tutorial-video { width: 100%; aspect-ratio: 16/9; border-radius: 1rem; box-shadow: 0 8px 20px rgba(0,0,0,0.1); }
    .minimized-paragraph {
      cursor: pointer; font-weight: 600;
      background: linear-gradient(to right, #dcfce7, #86efac);
      border: 1px solid #a7f3d0;
      padding: 1rem 1.25rem;
      border-radius: 0.75rem;
      transition: all 0.3s ease;
      text-align: center;
      margin-bottom: 0.75rem;
    }
    .minimized-paragraph:hover {
      background: linear-gradient(to right, #86efac, #22c55e);
      color: white;
    }
    .paragraph-content { margin-top: 0.75rem; background: #fff; padding: 1.5rem; border-radius: 1rem; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
    .section-title { font-size: 2rem; font-weight: 700; color: #166534; margin-bottom: 1rem; }
    h2.title-page { font-size: 3rem; font-weight: 800; text-align: center; color: #15803d; margin-bottom: 2rem; }
    .paragraph { color: #334155; line-height: 1.8; }
    a { color: #15803d; font-weight: 600; }
=======
    body { font-family: 'Inter', sans-serif; background: #f0fdf4; scroll-behavior: smooth; }
    .tutorial-video { width: 100%; aspect-ratio: 16/9; border-radius: 1rem; box-shadow: 0 8px 20px rgba(0,0,0,0.1); }
    .minimized-paragraph {
      cursor: pointer; font-weight: 600;
      background: linear-gradient(to right, #dcfce7, #86efac);
      border: 1px solid #a7f3d0;
      padding: 1rem 1.25rem;
      border-radius: 0.75rem;
      transition: all 0.3s ease;
      text-align: center;
      margin-bottom: 0.75rem;
    }
    .minimized-paragraph:hover {
      background: linear-gradient(to right, #86efac, #22c55e);
      color: white;
    }
    .paragraph-content { margin-top: 0.75rem; background: #fff; padding: 1.5rem; border-radius: 1rem; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
    .section-title { font-size: 2rem; font-weight: 700; color: #166534; margin-bottom: 1rem; }
    h2.title-page { font-size: 3rem; font-weight: 800; text-align: center; color: #15803d; margin-bottom: 2rem; }
    .paragraph { color: #334155; line-height: 1.8; }
    a { color: #15803d; font-weight: 600; }
>>>>>>> c6c1c3b1e383bca6621f08454d7295c3a6b65d5b
    a:hover { color: #166534; text-decoration: underline; }