@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@400;600;700&display=swap');
    
    body {
      background: linear-gradient(to bottom right, #fdf6e3, #fceabb);
      font-family: 'Montserrat', sans-serif;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1rem;
    }
    
    blockquote {
      font-family: 'Merriweather', serif;
    }
    
    .fade-in {
      animation: fadeIn 1.5s ease-in;
    }
    
    @keyframes fadeIn {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }

    .card-hover:hover {
      transform: translateY(-5px);
      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }
    
    /* Smooth transitions */
    .transition-all {
      transition: all 0.3s ease;
    }

    /* Responsive adjustments for mobile */
    @media (max-width: 640px) {
      .button-container {
        flex-direction: column;
        gap: 0.75rem;
      }
      
      .button-container button {
        width: 100%;
      }
    }